奇妙な。これは私のマニフェストの一部です:
"permissions" : [
"http://site.com/"
,"http://site.com/*"
,"http://www.site.com/*"
,"http://www.site.com/"
]
,"web_accessible_resources": [
"css/tweaks.css"
]
,"content_scripts" : [{
"matches" : [
"http://*.site.com/",
"http://*.site.com/*",
"http://site.com/*",
"http://www.site.com/*"
],
"css" : [
"css/tweaks.css"
],
"js" : [
"js/jquery162.js",
"js/tweaks.js"
]
,"run_at": "document_end"
}]
tweaks.css は次のとおりです。
*{
color: red !important;
font-weight: bold;
}
そして最後に background.html (ここでは重要ではありません)
<html>
<head>
<title></title>
<script src="js/jquery162.js"></script>
<script src="js/js_extend/extend.js"></script>
<!--<script src="js/main.js"></script>-->
</head>
<body>
</body>
</html>
そして、拡張機能 (アンパック) をリロードしてからページをリロードすると、注入された CSS によってカスタマイズする必要がありますが、何も表示されません。google.chrome で開発者コンソールを開くと、どの要素にもカスタム スタイルが適用されていません。その後、コンソールを閉じると、突然、すべてのテキストが赤く太字になっていることがわかります。コンソールを開くと、注入されたルールを含む「ユーザー スタイルシート」が表示されます。何が悪いのか理解できません。Google がマニフェストをバージョン 2 に変更する前に、大量のコンテンツ CSS を持つ中規模の拡張機能が 1 つありましたが、これは完全に機能していましたが、今では *{color:red} ルールでさえ挿入できません。私を助けてください。
Chrome は 24.0.1312.14 ベータ版です
更新: tweaks.js は空です
更新: 24.0.1312.14 m でテスト済み - 同じ sh...
詳細更新: 何らかの方法で修正しました。しかし、私はそれについて完全に自信がありません。
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
var isSite = ( tab.url && tab.url.indexOf('site.com') >= 0);
if ( isSite ){
chrome.tabs.executeScript(tabId, {
file: Paths.add_element //filepath
});
chrome.tabs.insertCSS(tabId, {
file: Paths.my_css_path //filepath
});
}
});
秘訣は、すべての site.com ルールが適用された後に行う必要があるということです。