我正在尝试制作一个Chrome扩展程序,该扩展程序将在所有网站上增加额外的字母间距(字母间距:4像素)。它还使用小猫将所有图像替换为小猫照片。但是,当进行测试时,它不起作用。这是我到目前为止的内容:
manifest.json
{
"manifest_version": 2,
"name": "Spatial Intelligence",
"version": "0.1.0",
"description": "Dope vibes for all",
"content_scripts": [{
"css": ["styles.css"],
"js": ["content.js"],
"matches": ["http://*/*"]
}]
"run_at" : "document_start";
}
content.js
var images = document.getElementsByTagName('img');
for (var i = 0, l = images.length; i < l; i++) {
images[i].src = 'http://placekitten.com/' + images[i].width + '/' + images[i].height;
}
styles.css
h1 {
letter-spacing: 4px !important;
}
h2 {
letter-spacing: 4px !important;
}
h3 {
letter-spacing: 4px !important;
}
body {
letter-spacing: 4px !important;
}
我对HTML / CSS有一些基本的经验,但这是我第一次尝试开发chrome扩展。有人有见识吗?