1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

デベロッパーツールでWebサイトの見た目を変更したまま更新しても維持する方法はあるのか

Last updated at Posted at 2021-01-24

先に述べますが、表題そのままの解決ができたわけではありません。
発生した課題の解決自体はできています。

やりたかったこと

-ChromeのデベロッパーツールでWebサイトのスタイルシートを好みの状態にイジった後、更新したり再度訪問してもその状態を維持したい
-(具体的には)Twitter Webの右側にあるトレンドを消し去りたかった。タイムラインで情報は追いかけたいが、トレンドは嫌でも目について気が散ってしまう

通常の検索でわかったこと

-「デベロッパーツール」を軸にしたキーワードで検索
-デベロッパーツールでsave overrideをすることで、更新・再訪問しても、デベロッパーツールを開けば変更した状態を維持できるが、デベロッパーツールを開いていない状態では変更は反映されない

検索方法を変えてわかったこと

-拡張機能も検討したが、「デベロッパーツールの固定」といったキーワードではやはり見当たらない
-そもそも直で「twitter トレンドエリアを消す デベロッパーツール」と検索したところ、こちらのサイトがヒット

使った拡張機能

Stylus

学んだこと

-実は当初は拡張機能も探していたが、思いつく限りの検索ワードでは「過去に使えていたXXXという拡張機能が今は使えない」というような記事しかHitしなくて諦めていた
-今回のように「ツイッターのトレンドエリアを消す」といったような、全く別の検索アプローチ--ユーザーの多いコンテンツを軸に何らかの状況を限定した想定--で目当てのものが見つかることもある。今回はもともとの目的のキーワードでHitしたからよかったものの、情報自体はネットに転がっているが、そのキーワードおよび存在自体を知らない場合もあるので、やはり幅広い知識を持つことは重要である

さいごに

-参考先ページにもあるが、ChromeだけでなくFireFoxでも利用可能 Stylus(FF版)
-ググり方の上手さが大事だというが、ここまで斜めだとは思わなかった

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?