banner
Birdgg

Birdgg

Keep it simple, stupid!
bilibili
github
twitter
telegram
email

xLogのカスタムCSSのデバッグの難しさを解決するために、Chrome拡張機能を作成しました。

image

xLog では、カスタム CSS 機能を使用してページをカスタマイズする必要があります。ただし、現在の設定画面では CSS を書く際にリアルタイムでプレビューすることができず、ブラウザの検査機能を使用してデバッグすることも良い体験ではありません。そのため、午後はアニメを補完しながらこのプラグインを作成しました。

現在、このプラグインには 2 つの機能があります:

  1. カスタム CSS のリアルタイムプレビューとデバッグ
  2. 他の人のカスタム CSS を表示する そして、CSS のエキスパートのスタイルを直接コピーする

ビデオデモ

現在、このプラグインには多くのバグがある可能性があり、リファクタリングの計画もあります。ダウンロードリンク
使用方法:ダウンロードして解凍し、拡張機能管理ページで開発者モードを開き、展開されたフォルダをロードします。

ps: 公式もこの機能を開発していることに気づきました。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。