ウェブサイトのスクリーンショットを記録・保存しなければならない場合、皆さんはどのようにしていますか。 グーグル クローム ブラウザ（Windows10, Google Chrome バージョン: 87.0.4280.88 64 ビット）の場合、標準機能で次のようにしてPNG形式のスクリーンショットを取得することが出来ます。 Chromeでスクリーンショットを取得するには 対象のサイトを閲覧した状態にします。 Ctrl + Shift + I またはF12を同時に押してデベロッパーツール画面をオープンします。 Ctrl + Shift + P を同時に押すとプルダウンメニューが現れますから「Screenshot Capture full size screenshot」(入力欄に”full”と入力して絞り込むこともできます)をクリックするとダウンロードフォルダにキャプチャ画像が保存されます。
ページ閲覧 AutoPagerize chromewebstore.google.com ページネーションされたウェブページを自動で読み込み続けます。無かったら違和感あるレベルで日常になっています。 daily.dev chromewebstore.google.com 開発者向けニュースを空タブに表示します。 タブを開くときに自然に視界に入るのに加えて、検索で「過去話題になったもの」から探したりします（はてなブックマークやHacker Newsも似た用途で使います） ホームタブとは別です。ホームはperplexity.aiにしてます。 Google Scholar PDF Reader chromewebstore.google.com 標準のPDFビュワーを科学論文を読みやすく強化します。参考文献の追跡や引用、ジャンプ機能を提供します。ついでに官庁資料やクリプト系のホワイトペーパーなど
Chrome、Firefoxのフォーム入力履歴を削除したい場合※ 本ページはプロモーション・広告が含まれています。 その他 Chrome、Firefoxのフォーム入力履歴を削除したい場合のメモです。 Chromeには、オートコンプリートという機能がついています。 フォームなど一度入力した文字が記録され、次の入力枠に自動で表示される便利な機能ですが、誤って入力した文字も表示されるので邪魔な場合があります。 邪魔な場合は、個別に履歴を削除する方法があるので試しましょう。 Chromeでフォームの入力履歴の削除個別の履歴を削除する場合 Chrome Windowsの入力履歴削除削除したい履歴のキーワードが選択して Shift + Delete (同時に押す) Chrome macの入力履歴削除削除したい履歴のキーワードを選択して Shift + fn + Delete(同時に押す) 入力履歴デー
DOMノードの強調表示 Consoleタブを選択。 DOMノードに評価される式を入力。 入力する式 以下の便利な式を使用できます。 「document.activeElement」で、現在フォーカスのあるノードを強調表示。 「document.querySelector(s)」で、任意のノードを強調表示。sはCSSセレクタで、DOMツリー内のノード上をホバリングするのと同じ。 「$0」で、DOMツリーで現在選択されているノードを強調表示。 「$0.parentElement」で、現在選択されているノードの親を強調表示。 パフォーマンスパネルの最適化 今までのパフォーマンスパネルは大きなページをプロファイリングする際にはデータの処理とビジュアル化に時間がかかりました。Chrome 70ではこの処理とビジュアル化が高速になりました。 パフォーマンスパネルの最適化 信頼性の高いデバッグ Chro
What I Know ～ワッタイナ ほぼ鳥取県出身、東京在住のエンジニアがお送りする日々の出来事や役に立つ情報(=What I know)を紹介するブログ。わったいな（鳥取県の方言ですごいという意味）といってもらえるような記事を更新予定。※本ページはプロモーションが含まれています 先日、Chrome 56 がリリースされました。 「Google Chrome 56」が正式版に。HTML5デフォルト化がすべてのユーザーを対象に開始 – 窓の杜 新機能や多くのバグの修正が含まれますが、日本語環境ではデフォルトのフォントがMS Pゴシックからメイリオに変更されました。 Chrome 55 の Google 検索 これまでは、MS Pゴシックで表示されていました。 Chrome 56 の Google 検索 メイリオで表示されています。 フォントの設定 chrome://settings/fon
商用ディストリビューションであるRed Hatやそれの無償版であるCentOSで、Google Chromeはサポート対象から外されてしまったようです。 Google Says Red Hat Enterprise Linux 6 Is Obsolete 作者であるRichard K. Lloydさんのサイトでダウンロードとインストール方法が紹介されています。 # wget http://chrome.richardlloyd.org.uk/install_chrome.sh # chmod u+x install_chrome.sh # ./install_chrome.sh 導入に若干時間がかかりますが、動作しています。 ディレクトリの階層をツリー形式で表示「tree」コマンド LinuxでもWindows同様に、ディレクトリ階層をツリー形式で表示してくれる「tree」コマンドが使用可
Manifest keys The following is a list of all supported manifest keys. Keys required by the Extensions platform "manifest_version" An integer specifying the version of the manifest file format that your extension uses. The only supported value is 3. "name" A string that identifies the extension in the Chrome Web Store, the install dialog, and the user's Chrome Extensions page (chrome://extensions).
Concepts and usage The Commands API allows extension developers to define specific commands, and bind them to a default key combination. Each command an extension accepts must be declared as properties of the "commands" object in the extension's manifest. The property key is used as the command's name. Command objects can take two properties. suggested_key An optional property that declares defaul
In Firebug, you can search some text and it will look for it in all scripts loaded on a page. Can the same be done in Chrome Developer tools while debugging client script? I tried it, but it seems to search only in the script I have open, and not the rest that are on the page. I hope the next screenshots give a better idea about what I'm trying to accomplish: The following screenshots are from a s
前回はChromeのウェブアプリケーション作成を行いました。今回は、そのアプリケーションをChrome Web Store(ウェブストア)に登録する方法を書きたいと思います。わかりやすいように、前回の通し番号を使います。 5.アプリケーションをzip圧縮 先日の1で作成したウェブアプリケーション用フォルダをzipファイルで圧縮します。最近のWindowsは標準で圧縮できるようになっていると思いますので、フォルダを右クリックし「送る」メニューから「圧縮（zip形式）フォルダー」を選択します。 6.Chromeウェブストアにアクセス Chromeのウェブストアにアクセスし、デベロッパー ダッシュボードをクリックします。初めての場合は利用規約画面が表示されますので「同意する」をクリックすると、下記の画面が表示されますので、「新しいアイテムを追加する」ボタンをクリックします。 7.zipファイルを
Webアプリからローカルにファイルを保存する方法のデモです。ローカルからファイルを開く場合と違ってかなり面倒な手順が必要になってしまいますが、現状は他に代替案がないので仕方ないところでしょう。 FileSystem APIを使用しているので、Chrome以外では動作しないかもしれません。 It illustrates how you can save a file to the local system within a web app. Because it uses FileSystem API, it doesn't work on web browsers other than Chrome. Webアプリからローカルにファイルを保存する方法(How to save a file to the local system within a web app) /************
以前、Chrome拡張機能でFileSystemAPIを使う記事を書きました。 Chrome拡張機能でFileSystemAPIを使ってみた - メモ的な思考的な それを使って個人的な拡張機能を作っていたのですが、ふと先日気づいたところ、動作していないことが分かりました。 そこで、現在のChrome24に対応できるようにしてみたときのメモを残します。 お世話になったサイト ManifestFileのバージョン2対応や、APIの切替、拡張機能のデバッグなどで以下のサイトが参考になりました。ありがとうございました。 http://blog.maripo.org/2012/08/iinya-migration/ 現在開いているタブの一覧を取得・表示するGoogle Chromeプラグインを作ってみた - Life Refactoring Google Chrome Extensionを作ってみた
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[翻訳]Chrome デベロッパーコンソール 意外と知られていない10の機能 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d66c1a02fb93900a9716449f341729577217e372/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkY3OTM5NCUyRjJlNzBkMTE3YTQ4MjBmM2FjOGEwNmZhZmQ5YmVjYjI1NWMwZjU3NmIlMkZsYXJnZS5wbmclM0YxNTcxNTc0ODM4P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTdlYThiZmI4ZGM0MDhjMmEyYWMwMmU4ZWUzZjVmMjE2%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D7004c0d648296aaa6c311c99747ccf9a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU3JUJGJUJCJUU4JUE4JUIzJTVEQ2hyb21lJTIwJUUzJTgzJTg3JUUzJTgzJTk5JUUzJTgzJUFEJUUzJTgzJTgzJUUzJTgzJTkxJUUzJTgzJUJDJUUzJTgyJUIzJUUzJTgzJUIzJUUzJTgyJUJEJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgwJTgwJUU2JTg0JThGJUU1JUE0JTk2JUUzJTgxJUE4JUU3JTlGJUE1JUUzJTgyJTg5JUUzJTgyJThDJUUzJTgxJUE2JUUzJTgxJTg0JUUzJTgxJUFBJUUzJTgxJTg0MTAlRTMlODElQUUlRTYlQTklOUYlRTglODMlQkQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1hMGJiNDZhYjE3NjUyMDRiMGVjMzc0ZmE2NDk1MjZlMw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBhb3NobzIzNSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTZmYjA1ZDdjODFmM2E5YjBjYjY3M2M1ODMyODdjNWQ5%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44O044Kh44Or56CU56m25omA%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3D21ce0c6477b75e478147573d9beabc27)
