Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に
Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に Google Chromeの開発チームは、Google Chromeをユーザーインターフェイス画面なしで利用できるヘッドレスモードの実装が新しくなったことを明らかにしました。 Chrome’s Headless mode just got a whole lot better! We made Headless more useful for developers by bringing it closer to Chrome’s regular “headful” mode. https://t.co/FhAblWvJQj pic.twitter.com/tJHV0j9fc7 — Chrome Developers (@ChromiumDev) February 22, 2023 ヘ
25億人以上に影響か、Google Chromeに「重要」の脆弱性 急ぎ更新を
Impervaは、CVE-2022-3656の影響力を確認するためのPoC（概念実証）を「SymStealer」として作成し、実際にユーザーのファイルシステムからファイルが窃取可能であることを確認している。これを悪用されると、暗号ウォレットやクラウドプロバイダーの認証情報などの機密ファイルが窃取される可能性があるため注意が必要だ。 CVE-2022-3656は共通脆弱性評価システム（CVSS）スコア値で8.8と分析されており、深刻度は「重要」（High）に分類されている。Impervaは既に同脆弱性についてGoogleに情報を提供済みだ。同社によれば、本問題は「Google Chrome 107」で修正されたが解決しておらず、「Google Chrome 108」で完全に修正されたと説明されている。 Google Chromeは全世界で利用されているWebブラウザであり、脆弱性があった場合
Awesome Dev Tool Tips 🔥
Contents (Click to expand) ↕️ Design Mode Pretty Print Command Pallet and Super Search Snippets Live Expressions Tracking Changes Console Shorthand Find Unused Code Rendering Panel Network Paint Times Network Timings Inspect Network Requests Performance Identifying Memory Leaks Raw Memory Inspection Test bfcache Full Refresh Lighthouse Page Size Breakdown Record User Flows Advanced User Flow Opera
Chrome仕事術 - 詩と創作・思索のひろば
いろいろ工夫した結果、最近 Chrome さばきが良くなってきた気がするので、やっていることを書いておく。 タブが必要になる時刻でグループ化しておく 忙しい一日の予定を立てる際に、あらかじめ必要な資料・会場をタブで開いて時刻を打っておくと便利。終わったらまとめて閉じることもできる。 Chromeのタブを必要になる時刻でグループ化しておくライフハック pic.twitter.com/P8RQLy7h9K— 美顔器 (@motemen) 2022年8月22日 ページのブックマークタイトルを自分用に変更する ブラウザのブックマークはあまり有効活用してなかったけど、タイトルを自分用につけておくとロケーションバーからの検索に便利なことを体感している。<プレフィクス> | <検索用ワード>, ... という感じでタイトルを設定していて、プレフィクスは ミーティングの議事録など会場: mtg 1on1
キーボード一体型ラズパイをLinux化、携帯用クラウド端末が完成
最近は新品でも安価に入手できるデバイスが増えてきた。こうしたデバイスに最新のLinuxを入れると、小型パソコンとして利用できるようになる。それぞれのデバイスの特徴に合わせた用途に使えるようLinux化する方法を紹介する。 キーボード一体型モデルのPC「Raspberry Pi 400」に、「Chromium OS」をインストールして持ち運べるクラウド端末としてLinux化します。 小型PCボード「Raspberry Pi」（以下、ラズパイ）は、本体に「GPIO」と呼ぶデジタル信号の入出力端子を備えているため、電子工作の用途で使われることの多いデバイスです。けれども、UbuntuやManjaro、LibreELEC、Volumio、RetroPiなど多くのLinuxディストリビューションがラズパイ向けのイメージファイルを提供しており、Linux PCとしても活用できます。 ラズパイには、スペ
Prepare for User-Agent Reduction changes in October | Privacy Sandbox | Google for Developers
Prepare for User-Agent Reduction changes in October Stay organized with collections Save and categorize content based on your preferences. What's happening with the User-Agent string, why Chrome is making this change, and what you can do to prepare. In October, Chrome will take the next step in reducing the information available in the browser's User-Agent (UA) string, to improve privacy for users
とほほのChrome拡張機能開発入門 - とほほのWWW入門
Chrome の拡張機能を開発する手順について説明します。まずは、拡張機能が実行されたらポップアップを表示するだけのものを作成してみます。下記のフォルダとファイルを作成します。 my-extension manifest.json popup.html { "name": "My Extension", "description": "My Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "popup.html" } } <!DOCTYPE html> <html> <body> <h1>Hello world!</h1> </body> </html> Chrome で chrome://extensions を開き、[パッケージ化されていない拡張機能を読み込む] から上記
Chrome拡張 つくりかた 令和最新版
数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい？」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite
Google Chromeにパワフルなスクリーンショットツールが追加へ | ソフトアンテナ
GoogleがChromeブラウザ向けのスクリーンショットエディタの改良に取り組んでいることがわかりました(Neowin)。現在Chrome Canaryビルドの最新版で、スクリーンショットエディタの新しいツールを有効にするためのフラグが追加されている模様。 新しいエディタでは、丸、四角、矢印、線など、さまざまな図形を追加したり、サイズを変更したりすることができます。線の太さや色は自由にカスタマイズ可能で、絵文字やテキストを追加することもできます。Microsoft Edgeにもスクリーンショットエディタは搭載されていますが、フリーハンドで線を描画する機能しか利用できません。比較するとChromeのものはかなり多機能だと言えそうです。 Googleは昨年から、Chrome用のスクリーンショットエディタの実験を行っていましたが、今になりようやく形になってきたようです。現在のところツールは未完
Chrome DevTools の知っておくと便利かも機能 - Qiita
長い間 Chrome の DevTools を使ってきて、便利だなと思った機能をまとめてみました。 様々な機能があり、これを覚えておくと開発時に役に立つかもしれないので、ぜひ使ってみてください。 この記事は Corome DevTools 公式 を参考にしています。 日本語化 英語が苦手な方は日本語化しましょう。 手順 DevTools を開いたら、歯車マークをクリック Language で日本語を選択 [Reload DevTools] をクリックして DevTools のリロードをする 要素の状態を強制 指定の要素を :hover や :focus などの状態に強制的にすることができます。 そうすることで指定状態時のスタイルを確認することができます。 手順 要素タブをクリックする 状態を変更したい要素を選択する 今回は Google の検索フォームを選択 [:hov] をクリックする
君がエッチなことを考えるとみんなのブラウザに流れ星が降るChrome拡張 - Qiita
2022/04/28：追記 公開していたzipファイルのリンクを削除しました。 バックエンドのサーバーを停止しました。 伴ってもう星が流れなくなります。 ※この記事にはちょっとだけエッチな内容が含まれます！苦手な方はご注意ください。 こんにちは。あんど(@ampersand_xyz)と申します。 いきなりすみません、タイトルにエッチとか入ってて驚かれた方もいらっしゃることでしょう。どういうことなのか説明させていただきます。 概要説明 画像出典： 吸血鬼すぐ死ぬ 9巻 P134 盆ノ木至 秋田書店 __要するにこれです。__さすがに宙に星を降らせるわけにはいきませんので今回はブラウザ内に星を降らせていきます。 漫画のコマを見ただけでは何を言ってるのかご理解いただくのが難しいかもしれませんが、これ以上説明のしようがありませんのでついてきてください。 実現方法 いかにしてエッチなことを考えている
chrome-extension-cli
Chrome Extension CLI The CLI for your next Chrome Extension. 🚀 Quick Overview Then follow these instructions to see your extension: Open chrome://extensions Check the Developer mode checkbox Click on the Load unpacked extension button Select the folder my-extension/build When you're ready to publish to Chrome Web Store, create a minified bundle with npm run build and zip it with npm run pack. Or
Engadget | Technology News & Reviews
Rivian offers (up to) $5,000 discount if you trade in your gas-powered truck
Amazonの価格変動が分かるツール：Amazon Price Tracker - 研究職ママの子育ち日記～子どもの学び方を考える～
みなさん、Amazon Price Trackerをご存知ですか？ こんな感じで、価格の推移を示してくれるものです。 実は私は最近知りました（情弱） 娘の塾の先生のYoutubeで、先生がご自身のAmazonの画面を見せてくれて、そこにAmazon Price Trackerが入っていたのです。 なにあれ、便利そう… と、さっそく入れたら便利だったので、ご紹介します。 ーーーー ブラウザにChromeを使っている方限定ですが、導入手順はとても簡単です。 ①Amazon Price Trackerで検索。 ②「Keppa-Amazon Price Tracker」が検索されてくるのでページにアクセス ③「Chromeに追加」をクリック ④導入後にAmazonのページを開くと、こんな感じに値段の推移を見ることができます。 例えば私がいつも買っているカフェインレス緑茶だと、高い時は2678円で、
すべての開発者が知るべきGoogle Chromeの隠れた機能5選 - Qiita
試した方がいいGoogle Chrome experiments はじめに Chromeデベロッパーツールは、ウェブ開発者間で最も使われているツールの1つです。しかし、ほとんどの開発者が知らない素晴らしい機能があります。 この記事では、すべての開発者が試すべきChromeデベロッパーツールの実験的機能トップ5について説明します。 1. CSS Overview - すべてのスタイルの詳細情報を表示する CSS Overviewは、ウェブページで使われているすべてのスタイルの概要を表示します。 この機能は、色、フォント、メディアクエリ、未使用の宣言に関する詳細情報を含んでいます。UIにCSSの修正を加える時に便利で、カラーピッカーなどのサードパーティツールを使う必要がなくなります。 ChromeデベロッパーツールのCSS Overviewタブ この機能を有効にするには Google Chro
Chrome 97のDevToolsに新機能、Webブラウザ上の操作を記録、再実行、編集、保存。Puppeteerスクリプトへのエクスポートも
Chrome 97のDevToolsに新機能、Webブラウザ上の操作を記録、再実行、編集、保存。Puppeteerスクリプトへのエクスポートも Googleは、来年1月に登場予定のChrome 97で、DevToolsにWebブラウザ上での操作内容を記録し、再実行や編集、保存などを可能にする新機能を搭載することを明らかにしました。 Introducing the new Recorder panel You can now record, replay and measure user interactions with @ChromeDevTools. See it in action - ordering coffee. Learn more about this preview feature (available in Chrome Canary now): https://t.c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ryosuke 🇨🇦 Iwanaga on Twitter: "ここ数年で一番の"もっと早く知りたかった！" は、 chrome://restart にアクセスすれば、タブを保持したままChrome 再起動が簡単にできるということ。Bookmark したので1-click で気軽に再起動できる。"
マルウェア「Emotet」が進化、「Google Chrome」のクレカ情報まで盗むように／基本的な対策の徹底を
電子情報学特論：Chromiumのアーキテクチャを解き明かす
開運研修 2021 Chrome Developer Toolsの使い方 / Chrome Developer Tools
