通过Chrome扩展程序更改CSS字母间距

时间:2019-03-20 08:42:01

标签: html css google-chrome google-chrome-extension

我正在尝试制作一个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扩展。有人有见识吗?

0 个答案:

没有答案