Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 9004

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

$
0
0

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

やりたかったこと

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

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

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

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

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

使った拡張機能

Stylus

学んだこと

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

さいごに

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


Viewing all articles
Browse latest Browse all 9004

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>