uBlacklist - Chrome Web Store
指定したサイトが Google の検索結果で表示されないようにします 指定したサイトが Google の検索結果で表示されないようにする拡張機能です。 ブロックするサイトは、検索結果から指定したり、サイトを開いた状態でツールバーのアイコンをクリックして指定することができます。マッチパターン (例: *://*.example.com/*) か正規表現 (例: /example\.(net|org)/) を使って指定できます。 Google 以外にもいくつかの検索エンジンに対応しています。対応している検索エンジンのリストは、以下の URL で確認できます: https://github.com/iorate/ublacklist#supported-search-engines (英語) ブロックするサイトのリストを、クラウドストレージを介してデバイス間で同期することができます。今のところ、
シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。 でも、Chromeデベロッパーツールを本当に理解していますか？実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。 ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で
Wake lock APIってなに？ | DevelopersIO
CX事業本部の熊膳です。 先日リリースされたGoogle Chrome 84のリリースノートをよんでると、Wake lock APIに対応をという記述を見つけました。 Wake lock APIって何？ってことで調べてみました。 Wake lock APIとは Wake lock APIは、簡単に言うとスリープしないようにできる機能のようです。 W3C : Wake lock API A wake lock prevents some aspect of the device from entering a power-saving state (e.g., preventing the system from turning off the screen). Wake lock は、デバイスの一部の側面が省電力状態に入るのを防ぎます（たとえば、システムが画面をオフにするのを防ぎます）。（
Parallels: Mac & Windows Virtualization, Remote Application Server, Mac Management Solutions
Parallels Desktopfor ChromeOS Microsoft Office を含むフル機能の Windows アプリケーションをオンラインでもオフラインでも Chrome Enterprise デバイスから直接実行できます。 ユーザーは、Chromebook の優れた潜在力と Windows エコシステムのすべての機能を活用できます。 堅牢でダイナミックなワークフォースをサポートしながら、IT 管理をシンプルにします。 ChromeOS と Windows の間でファイルやテキストをドラッグ & ドロップ | タイトルバーをコンパクトにして Windows アプリの領域を拡張 | 新たに 12 のデバイスをサポート。最新アップデートをご確認ください。
Chrome 76（現在77）LighthouseでPerformance計測 - rochefort's blog
Performance計測ツールのLighthouseが同梱されたようです。 本当は前回の76で入ったのですが、前回のnews releaseから漏れていたようなので、77に記載したとのこと。 developers.google.com 簡単に使えます 対象サイト上でAuditタブを選んで Run Audit すれば良いだけ。 対象はこのブログでDesktopで見てみます。 ちょっと見て見ます 何回かやって見ましたが、実行ごとに若干数値は変わります。 デフォルトの背景は白ですが、右上のメニューボタンから変更できます。 （PWAのところは点数なし） Performance Overview あまり良い数字とは言えません。 Opportunities / Diagnostics それぞれ詳細も見れます。 画像サイズが大きいのでlazy loadingしろとか、jpeg-2000などを使えなどと
グーグル、「Chrome」で混在コンテンツのブロック強化へ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleは米国時間10月3日、HTTPSに完全に移行していないウェブサイトに対する「Google Chrome」の動作を2020年から厳格化していくと発表した。現在のところChromeは、一部のページリソースがHTTPであってもロードするようになっている。 HTTP経由とHTTPS経由のリソースがページ内に混在している「混在コンテンツ」は、ウェブサイトがHTTPSへの移行を開始した当初から問題となっている。 これまでに、GoogleやMozillaはそれぞれ独自の手段でHTTPSの利用を強く推進してきた。そうした取り組みは成果を上げており、ますます多くのウェブサイトのオーナーやオンラインサービスがHTTPSを利用するよう、少しずつ促
chrome ヘッドレスの環境構築(Mac編)
初めまして、気づいたらバイトの中で一番古株になっていたイタヤです。 今回はchrome ヘッドレスを用いたスクレイピング手法について説明したいと思います。 chrome ヘッドレスとは 普段みなさんはどのようなブラウザを使っているでしょうか？ 「Google Chrome」「Firefox」「Internet Explorer」など様々だと思います。 chrome ヘッドレスとは、その中の「Google Chrome」を画面表示せず実行するものです。 ※今回は、このchrome ヘッドレスをスクレイピングに用いますが、その用途以外にもブラウザテスト・業務の自動化（RPA）などにも用いられています。 そもそも何故chrome ヘッドレスクローム？ Webページの中には、JavaScriptを用いて動的にHTMLを生成している場合があります。ご存知の方も多いと思いますが、JavaScriptは
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
CentOS6系へのChrome/Chromiumのインストール - Qiita
E2Eテストのために開発環境(VirtualBox)のCentOS (6.9)にChromeをインストールしてheadlessモードで使おうとした際のメモ。 簡単に言うと、出来ません。 方法はあるにはあるけれど、古いバージョンしか入らない感じ。 エラー: パッケージ: google-chrome-stable-65.0.3325.146-1.x86_64 (google-chrome) 要求: libgtk-3.so.0()(64bit) エラー: パッケージ: google-chrome-stable-65.0.3325.146-1.x86_64 (google-chrome) 要求: libatk-bridge-2.0.so.0()(64bit) エラー: パッケージ: google-chrome-stable-65.0.3325.146-1.x86_64 (google-chrome
極めろ！！Google Chrome Devtools 52の関節技 - Qiita
転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づいて紹介しています。 52の関節技！！ Elements 1.hover時のコンポーネントのCSSルールを表示 使い方 ①DOM要素を選択 ②Stylesペインを開く ③:hovをクリック ④hoverフィルタを適用 2.対応するCSSファイルを開く 使い方
まだダメ拡張機能使ってるの？1000個から厳選したChrome拡張機能おすすめ7選を紹介 - Qiita
エイチームライフスタイルアドベントカレンダー2017、14日目は株式会社エイチームライフスタイルの @ayumik が担当します。 好きな言葉は、「コスパ良い」と「120%改善」と「効率よいなぁ」と「定時退社」です。 というわけで、好きな言葉を全部叶えてくれる、Chrome拡張機能をご紹介します。 自分が数年使っての選りすぐりのものと、できる上司・先輩・同僚に聞いて使ってみて、今まで使ってこなかったことを後悔したものだけを選びました！ (もし他のおすすめもあったら、コメント頂けると嬉しいです) 不具合を防ぐ 不具合は起きるものだけれど、極力0にしたいですよね。できることなら防ぐための工数も少なくしたいです。 ここで紹介するのは、作業中やレビューですぐにチェックできるものです。 HTMLの文法チェックする「HTMLエラーチェック」 おすすめ理由 たかがタグ。されどタグ。 自分が担当しているサ
jQueryで設定されたクリックイベントなどを定義している場所を調べる方法 - Qiita
Chromeなどのモダンブラウザであれば、デベロッパーツールがあってJavaScriptのデバッグなどもそこで容易にできる。例えば、なんかのボタンにJavaScriptでクリックイベントを設定している場合、なにが設定されているかの確認もサクッとできる。 デベロッパーツールで、イベントの中身を確認 <div id="click1">click1</div> <script> var click1 = document.getElementById('click1'); click1.addEventListener('click', function() { console.log('click1'); }); </script> Command + Option + i のショートカットで起動 調べたい要素を選択し、右側のパネル「Event Listeners」を選択する 右端のフィルタっ
ChromeのVimiumが良い - rochefort's blog
Vimium - Chrome ウェブストア この手のやつ、なんとなく遠慮してたのですが、 色々調べまくってる時にscroll面倒くさいと感じてきたので 試しに入れて見たところ、思ったより良かったので省エネしたい人にはおすすめです。 Settings なんともvimrcっぽい設定。 対応するコマンドはhelpで確認できます。 # Insert your preferred key mappings here. map <C-f> scrollFullPageDown map <C-b> scrollFullPageUp map <C-j> scrollDown map <C-k> scrollUp map h previousTab map l nextTab j/k（デフォルト）、Ctrl-j/kで上下スクロール。 LESSっぽく、Ctrl-f/b でページスクロール。 h/lでタブ移動
--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita
--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer についてJavaScriptChromee2e puppeteer はHeadless Chrome をNode.jsで操作しやすくしたライブラリです。今日(※ 2017/8/17)一日で凄い勢いでGitHubのトレンド入りしており、TLでも話題になっていたので、早速触ってみました。 Node.jsでChromeを操作するというコンテキストにおいては、Nightmare.jsと同じレイヤに属するプロダクトですね。Nightmare.jsはElectronを介在させることで、Chromeの操作を実現していましたが、今年の5月にChromeでheadlessモードが利用可能になって以降1、headless Chromeを直接操作するライブラリが色々と出始めていますね。この系統は、chr
HTTP Headers という 5万人が使っている Chrome 拡張のマルウェア疑惑。セッション盗まれて BTC も盗まれそうになった話。 - clock-up-blog
疑惑どころか 99.99% くらい黒な話。 （後記：セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい） 追記：続報 11月3日 今回指摘した HTTP Headers 以外にも、「Tab Manager」「Give Me CRX」「Live HTTP Headers」等で同様（？）の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様（？）。皆さま情報ありがとうございます。 11月4日 Zaif については、「不正な Chrome 拡張」と「スクリプトから保護されていなかったクッキー」のコンボによりセッションが盗まれていた可能性あり。 Zaif のセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
Chrome 80は新しいCookieポリシー、Module Workers、Optional Chainingなどをともなってリリースされた
https://developers.google.com/web/tools/setup/workspace/setup-devtools
TechCrunch
mala on Twitter: "https://t.co/01C8PVMRQY でアーカイブされていたインストール数のTOP5000のChrome拡張から調査19000+users、マルウェア嫌疑があるもの(CoolBar Proと同様の難読化)が36件 既に消えているものが21件で残っているものが 15件"