10 Years of Chrome DevTools
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
Web制作者のためのおすすめChrome拡張15
2018年1月16日 Webサイト制作, 便利ツール 普段使っているChromeをより便利にしてくれる拡張機能。私も様々なものを入れていますが、その中でもWeb制作時に使える便利拡張をいくつか紹介します。Firefoxに対応しているものもありますよ！ ↑私が10年以上利用している会計ソフト！ Web Developer Chrome拡張｜Firefox Add-on｜GitHub｜公式サイト Webに携わる人は入れておいて損はない拡張のひとつ！長年利用させていただいてます。1クリックでCSSやJavaScriptを無効化したり、画像の非表示、様々なデバイスサイズでの表示、クラスやID名の表示、定規やカラーピッカーまで揃っています！カラーピッカーはCSSで定義されたものだけでなく、画像からも抽出できるのがすごい。日本語版もあるので試してみてくださいね。 CSS Peeper Chrome拡張
リダイレクトの警告
表示中のページから http://forest.watch.impress.co.jp/docs/news/1072/513/amp.index.html にリダイレクトしようとしています。 このページにリダイレクトしないようにする場合は、前のページに戻ってください。
Google、「Chrome 60」の安定版公開 Mac版は「Touch Bar」をサポート
Webブラウザ安定版のアップデートとなる「Chrome 60」がWindows、Mac、Linux向けに公開された。40件の脆弱（ぜいじゃく）性に対処した他、Mac版ではMacBook ProのTouch Barをサポートした。 米Googleは7月25日（現地時間）、デスクトップ向けWebブラウザ安定版のアップデートとなる「Chrome 60」（60.0.3112.78）を公開した。今後数日から数週間かけてWindows、Mac、Linux向けに配信する。 一般ユーザー向けの新機能はほとんどないが、Mac版は「MacBook Pro」の「Touch Bar」をサポートした。 開発者向けでは、Webサイトの読み込みパフォーマンスの把握に役立つ「Paint Timing API」が追加された。このAPIでは、ユーザーによる読み込みを測定する値「First Paint」と「First Cont
知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
CSP環境でVue.jsを使う - Qiita
さきにまとめ CSP環境（chrome拡張等）でVue.jsを使うときは Vue.js Github CSPブランチ からコードを取ってこよう. はまったこと Vue.jsを使って簡単にChrome拡張を初めて作ろうとした. <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body> <!-- CONTENT HERE --> <div id="app"> {{ message }} </div> <!-- CONTENT END --> <script src="assets/vendor/vue.min.js"></script> <script src="./js/main.js"></script> </body> </html>
Chrome Extension で Vue.js を使いたい - Qiita
ただしここで指定した html では Chrome Extension の API が使用できない。 API を使用する必要がある場合は別ページにメッセージで値を渡したりする必要がある。 CSP 準拠ビルドの Vue を使用する https://github.com/vuejs/vue/tree/csp/dist npm だったら npm install npm@csp でいける 参考 CSP環境でVue.jsを使う ChromeAppsのSandBox化について Instllation -- CSP-environments Vue.js in Chrome extension Register as a new user and use Qiita more conveniently You get articles that match your needsYou can effic
Chrome 55 uses ~30% less memory than Chrome 54
Chrome 55 uses ~30% less memory than Chrome 54 We use headless Chrome to drive our service so we were very interested in the alleged memory improvements of Chrome 55 reported 2 months ago. Weather.com was the first site to crash our service due to a 300MB memory cap we had on a Docker container. Weather.comChrome 54Chrome 55Memory reduction Chrome task manager
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
Chrome の DeveloperTool のテーマを黒に変えよう！ - Qiita
デベロッパーツールの標準機能でテーマを変更できるようになってました 標準機能なので、特にエクステンションなどは不要です！ 現状は Default と Dark のみとなります。 それ以外のテーマを適用したい場合は、以下のやり方で変更することができます。 ChromeデベロッパーツールでMonokaiテーマ（暗色系テーマ）を利用する方法 ※ バージョン 49.0.2623.75 (64-bit) で動作確認しています。 見た目 やり方 DevTool を開く Settings (F1) を開く General > Appearance > Theme を Default から Dark に変更する めちゃくちゃ簡単ですね。 ぜひ試してみてください！ Register as a new user and use Qiita more conveniently You get articles
Google Chrome の予測変換候補を個別に削除する - Qiita
Google Chrome のアドレスバーに何か文字を入力すると予測変換候補が自動的に表示される。 例えば、Google Chrome のアドレスバーに g と入力しただけで、google.com や github.com を始めとして過去に閲覧したことのある URL が候補として表示される。これはこれで便利だが、間違って検索してしまった候補やもう使わない不要な候補までいつまでも表示される。 以下の方法で、不要な候補を個別に選んで削除することができる。 macOS の場合 不要な URL 候補を十字キーで選択して、キーボードの fn+Shift+Delete を同時に押す。 Windows の場合 不要な URL 候補を十字キーで選択して、キーボードの Shift+Delete を同時に押す。 Register as a new user and use Qiita more conven
Chrome 43からDOMの属性がJSのプロトタイプチェーンに移行します - Qiita
Chrome 43およびそれ以降のバージョンにおいて、DOMの属性（値）がJavaScriptのプロトタイプチェーンに移行されます。これにより、突っ込んだことをやっていた場合に、今まで動作していたコードが動かないということが発生する可能性がありますので、事前に変更内容を知り、対策をしておくことが求められます。HTML5Rockの更新情報として掲載されていましたので、さっそく日本語訳をしてみました。心当たりがある方は、ぜひ以下の内容を読んでいただいて、コードの修正などに取り込んでいただければと思います。 原文: http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype DOM属性は今後プロトタイプチェーンに Chromeチームは、最近「DOM属性をプロトタイプチェーンに移動しています」とアナウンスしてい
Chrome 43からcutおよびcopyコマンドが使えます - Qiita
Chrome 43から、選択されたテキストをクリップボードにコピーしたり切り取ったりする機能が利用可能になります。Chrome拡張機能からは前から使うことができていましたが、Chrome 43からは普通のWebページからも利用することが可能です。HTML5Rockの更新情報にてアナウンスされていましたので、早速日本語訳してみました。ぜひご活用ください。 原文: http://updates.html5rocks.com/2015/04/cut-and-copy-commands Cut and Copy Commands IE10やそれ以上のバージョンは、Document.execCommand()メソッド（ https://www.google.com/url?q=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FAPI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - homerchen19/github-file-icons: 🌈 🗂 A browser extension which gives different filetypes different icons to GitHub, GitLab, gitea and gogs.
GitHub - ecmadao/chrome-utils: Some utils that help to build chrome extension
GitHub - vitalets/awesome-browser-extensions-and-apps: :zap:A curated list of awesome resources for building browser extensions and apps
My Extensions - Chrome Web Store
Email Notifications Chrome Webstore Support
Chrome extension page action appearing outside of address bar
Google Chrome の右上の名前をだるくなくした - 音の鳴るブログ
