やりたいこと / 結論 / 試行錯誤履歴

Webデザイン

カテゴリー: Chrome 拡張機能  閲覧数:266 配信日:2022-06-28 20:59


やりたいこと


Chromeで閲覧している任意URLのhtmlタグに対して、なるべく簡単に「html{font-size:0.1em!important;}」を追加したい

結論


chrome 拡張機能Stylusを利用すれば可能
html {
   font-size: 0.1em!important
}
.rank{
   display:none;
}
.inline{
   padding-bottom: 5em;
   margin-top: -5em;
}


2023 年 2 月 24 日時点のCSS
html,
body,
ul {
font-size: 0.1em!important
}
.rank {
display: none;
}
.inline {
padding-bottom: 5em;
margin-top: -5em;
}
.postdisplay{
margin:0;
padding : 0;
}


試行錯誤履歴


Greasemonkey
・Firefox (ja) 向け拡張機能
・今回対象外

Tampermonkey
・インストール後、userスクリプトを描いてみたが、jQuery関連と思われる箇所でエラー発生し解決できず。

Chromeで閲覧している任意URLのhtmlタグに対して、なるべく簡単に「html{font-size:0.1em!important;}」を追加したい

週間人気ページランキング / 11-14 → 11-20
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 52
2 鉄道会社毎のカラーコード | カラーコード(色) 7
3 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 6
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 6
4 RGB ⇔ Lab | 色変換(色) 5
4 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 5
5 色モデルイメージ図 | 色変換(色) 4
5 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 4
5 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 4
5 ICCプロファイル | カラーマネージメント(色) 4
5 ページ内リンクの位置を微調整するためには、Negative margin を使用する | CSS 4
5 ログイン 4
6 HTMLタグに直接訪問済みリンクの色を指定することはできません。リンクのスタイルを変更するには、CSSを使用する必要があります。