ウェブページにアウトラインを表示するブックマークレット 2021/12/03はじめに 文章のアウトラインではないです。DOM要素のアウトラインのレイアウトを表示します。 次の画像のような表示を確認するブックマークレットです。 この表示の何が良いのかといえば、要素の配置が一目瞭然になるところです。不要な要素の発見、意図しない位置に配置された要素の発見などに...
Firefoxに再起動のメニューを追加する 2021/09/242021/10/31FirefoxのuserChrome.js用スクリプトです。 再起動のメニュー(メインメニュー・アプリメニュー)を追加します。 RestartInMenu.uc.js RestartInMenu.uc.js // ==UserScript== // @name ...
Workerの実行を阻止する 2021/06/182021/06/20はじめに Worker (Dedicatedworker or SharedWorker) の実行を阻止するユーザスクリプトです。 不本意なマイニングなどの Worker が絡む問題を解決できます。 ただし、ServiceWorkerの実行阻止とは異なり、すべてのページで Wor...
Firefoxのブックマークバーを編集不可にする 2021/05/212021/10/08FirefoxのuserChrome.js用スクリプトです。 ブックマークバーを編集不可とすることで意図しない誤動作を防止する。 BookmarkbarNotEditable.uc.js BookmarkbarNotEditable.uc.js // ==UserScript==...
JavaScript 無効限定の CSS を適用する 2021/05/132023/02/22JavaScript を使用する方法 <html class="nojs"> <head> <script> document.documentElement.classList.replace('nojs...
JavaScript のライフサイクルに関するイベント 2021/04/182023/04/04目次 はじめに 基本(script) 基本(状態遷移) readystatechange イベント DOMContentLoaded イベント load イベント pageshow イベント First CPU Idle First Contentful Paint (FCP) ...
すべてのページで標準のスクロールバーを表示する 2021/02/262021/02/27はじめに 様々なウェブページがあります。この頃、モバイル対応やレスポンシブ対応の結果、デスクトップ環境のサイトでもスクロールバーを非表示にするサイトが出始めました。 モバイル環境であれば、スクロールバーを非表示にして表示領域を確保するのは良い方法です。ですが、デスクトップ環境では...
ユーザースクリプト(UserScript)作成時の覚書 2021/02/242024/03/26目次 ユーザースクリプトとは 拡張機能の種類 インストール ユーザースクリプトの公開と検索 デバッグ ドキュメント メタデータブロック 実行タイミング(@run-at) API(GM関数) よくある失敗事例 簡単なバグフィックス・仕様の揺らぎ 後方互換性の問題 ブックマークレット...
JavaScript疑似プロトコルとは:「javascript:」 2021/02/232021/02/24JavaScriptプロトコル 「 javascript: 」で始まるプロトコルです。 プロトコルであるため、「 http: 」や「 file: 」と同じ位置づけの機能です。 ただし、デファクトスタンダード(事実上の標準)な機能であり、有効なURIスキームではありません。そのため...
analytics.jsのブロックを検出する 2021/02/16はじめに GoogleAnalyticsをブロックされている場合、問題が発生することがあります。ブロックされた場合、機能制限をかけるためにブロックを検出する処理について考えます。 ブロックパターン analytics.js/tags.js の読み込みブロック Measuremen...