我的manifest.json
是:
{
"manifest_version": 2,
"name": "Test",
"version": "1.0.0",
"web_accessible_resources": [
"public/*"
]
}
public/base.htm
是:
<style>
body {
background-image:url('chrome-extension://__MSG_@@extension_id__/background.png');
}
</style>
<link rel="stylesheet" href="chrome-extension://__MSG_@@extension_id__" type="text/css" />
<link rel="stylesheet" href='chrome-extension://@@extension_id/public/style_override.css' type="text/css" />
每当我访问view-source:chrome-extension://omjmnflgeadkeenialehggjcffaeonam/public/base.htm
时,我都会:
<style>
body {
background-image:url('chrome-extension://__MSG_@@extension_id__/background.png');
}
</style>
<link rel="stylesheet" href="chrome-extension://__MSG_@@extension_id__" type="text/css" />
<link rel="stylesheet" href='chrome-extension://@@extension_id/public/style_override.css' type="text/css" />
我不明白为什么这些不会被chrome扩展ID替换。
更新:刚刚注意到它显然只适用于CSS格式。 Chrome不允许使用内联JS。所以我仍然在寻找一个在这个html页面中导入外部CSS / JS的选项