2012-10-02 10 views
10

私はドロップダウンメニューをデバッグしようとしています。私はまだウェブサイトへのアクセス権がありません。私はGoogle Chrome Developer Toolsを通じてソリューションを見つけようとしています。私はこのサービスを試してから、アクセスしたらサイトに適用します。それは唯一のCSSとおそらくいくつかのJavaScriptの変更です。ChromeデベロッパーツールでCSSを変更する方法

問題は、開発ツールでいくつかの新しいCSSスタイルルールを適用したいのですが、ウェブページをリフレッシュする際にこれらのCSSスタイルルールを維持しておくことです。スタイルを適用して永続させる方法はありますか?私はリソースセクションを見てきましたが、これはどういうことができますか(おそらくリソースとしてローカルスタイルシートを追加することによって)できますが、どうやってそれを行うのか分かりません。

ここで正しい方向に私を指摘できますか?

感謝の人々...

答えて

2

ター提案のためのnks。私は両方を試みたが、それらとマイナーな問題があった(私にとって個人的には特に簡単でも直感的でもない)。代わりに、私はTincrにうんざりしていました。ありがとうございました。

1

はすぐにサイトの永続的なカスタムCSSを作成して保存することを可能にする拡張機能stylebotを試してみてください。

+0

彼らのウェブサイトはダウンですが、拡張子はまだ非常に一般的です。 https://github.com/ankit/stylebotでソースとChrome拡張機能のリンクを見つけることができます – Micros

10

あなたがクローム用グリースモンキーですTampermonkey Chromeの拡張機能をインストールすることができ、あなたはページ変更するCSSと使用jqueryのを変更することができuserscriptsを読み込むことができ、この変更は、スクリプトとして永久ありますロードされたことと、自動的にいつでもあなたが@matchルールで設定したサイトにアクセスし、それを実行し、ちょうどページの背景色を変更し、次のuserscriptを参照してください。

// ==UserScript== 
// @name  yourscript 
// @namespace http://yeeeee/ 
// @version 0.1 
// @description Change bacground color of page 
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js 
// @match  http://yourtargetsite.com/* 
// @copyright 2012+, Me and Brothers 
// ==/UserScript== 

(function() { 
    $(document).ready(function(){ 
     style = '<style type="text/css"> body {background-color: #CC7777 ! important;} </style>'; 
     $('head').append(style); 
    }); 
})(); 
0

hotfixという拡張子もあります。 Chrome Dev Toolsの変更を直接GitHubに保存できます。

関連する問題