■目次
ブラウザ操作開発者ツールChrome設定Chrome拡張機能プッシュ通知
■ブラウザ操作
■初期設定 「Windows.txt」の「初期設定メモ」も参照 ■キャッシュ 【Chrome】ブラウザの頑固なキャッシュを完全に削除するスーパーキャッシュクリア方法 | CMSマニュアルサイト http://cms.aiosl.jp/manual/kowaza/1077/ Google Chromeで素早くキャッシュをクリアしてページを正しく表示させる:Google Chrome完全ガイド - @IT https://www.atmarkit.co.jp/ait/articles/1811/14/news038.html
■開発者ツール
■Chrome シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita https://qiita.com/baby-degu/items/6f367b61d245d5bc217b 開運研修 2021 Chrome Developer Toolsの使い方 / Chrome Developer Tools - Speaker Deck https://speakerdeck.com/cybozuinsideout/chrome-developer-tools ■Safari MacOSでSafariの場合、メニューの 「開発 → レスポンシブ・デザイン・モードにする」 を選択することで、色々な端末のサイズで表示できる Simulate responsive web content on Apple devices - Apple サポート https://support.apple.com/ja-jp/guide/safari-developer/dev84bd42758/mac
■Chrome設定
■セーフブラウジング 設定 → プライバシーとセキュリティ → セキュリティ → セーフブラウジング 「標準保護機能」を「保護強化機能」に変更 ■カーソルブラウジング F7キーを押すことで切り替えられる 【Chrome】点滅するカーソルの正体と解除方法を解明! | マイペース革命 https://wariichi.com/what-is-this-flashing-cursor/ ■リモートデスクトップ 「Google.txt」の「Chromeリモートデスクトップ」も参照
■Chrome拡張機能
■画面のスクリーンショットを撮る GoFullPage - Full Page Screen Capture - Chrome ウェブストア https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl... この拡張で撮影できた 長いページでも、一つの画像として保存してくれる ■拡張機能の作成 Chromeの拡張機能を自作する - 虎の穴開発室ブログ https://toranoana-lab.hatenablog.com/entry/2020/04/23/174421 Chrome拡張作ったら異世界転生した件 - Qiita https://qiita.com/zakuroishikuro/items/5275f783a2d8b37db212 ■画面の操作内容を録画する Google Chrome用スクリーンレコーダー - Chrome ウェブストア https://chrome.google.com/webstore/detail/screen-recorder-for-googl/eclbecdgdoahkliaijlpkigldlkojjdn... この拡張で録画できた (似たような拡張は、他にもあるみたい) 1. 拡張をインストールすると、拡張の中に「Google Chrome用スクリーンレコーダー」が追加されるのでクリック 2. 「キャプチャ画面」をクリックする 3. 「画面を共有する」ダイアログが開くので、「Chromeタブ」から録画したい対象のタブを選択 4. 「共有」をクリック 5. 対象のタブが開き、録画が開始される 6. 任意の操作を行い、完了したら元のタブで「キャプチャの停止」ボタンをクリック 7. 画面下部に「コンピュータにダウンロードする」が表示されているので、ここからダウンロードする で操作内容を保存できた また、保存したファイルをChromeにドラッグ&ドロップすると再生された 上記はChrome想定になるので、もし「こういう環境でこういう操作をしたい」をいただければ、引き続き調査いたします。
■プッシュ通知
未検証 Web Pushでブラウザにプッシュ通知を送ってみる - Qiita https://qiita.com/tomoyukilabs/items/217915676603fda73b0a [改訂版] Web Pushでブラウザにプッシュ通知を送ってみる - Qiita https://qiita.com/tomoyukilabs/items/2ae4a0f708a1af75f13e Webブラウザのプッシュ通知を簡単に実装!「Push.js」の使い方を徹底解説|ferret https://ferret-plus.com/6035 意外とカンタン!流行のWebプッシュ通知はJavaScriptでサクッと実装できる - WPJ https://www.webprofessional.jp/browser-notification-api/ ブラウザでプッシュ通知を実装してみた | キャスレーコンサルティング株式会社 https://www.casleyconsulting.co.jp/blog/engineer/293/ ServiceWorker を使ってプッシュ通知実装 - Qiita https://qiita.com/OMOIKANESAN/items/3fa9c84b6d388b06e02e