Chrome擴展覆蓋css

我想開發一個Chrome擴展，這樣我就可以覆蓋特定網站上的一些Css樣式。Chrome擴展覆蓋css

因此，這裏有文件：

manifest.json的：

{ 
    "manifest_version": 2, 

    "name": "Modify CSS and HTML", 
    "version": "0.1.0", 
    "description": "Lateral blog post demo extension", 

    "content_scripts": [{ 
    "css": ["styles.css"], 
    "matches": ["http://www.record.pt/*"] 
    }] 

}

styles.css的：

@import url('https://fonts.googleapis.com/css?family=Indie+Flower'); 

.thumb-info h3 { 
    font-family: 'Indie Flower', cursive !important; 
}

我不能讓谷歌的字體工作。它採用草書類型，但不是Google字體。使用Chrome版本60.0.3112.113（官方版本）（64位）

任何想法爲什麼發生這種情況？有人可以在他們的Chrome上測試並提供反饋嗎？

來源

2017-08-27 Miguel Silva

刪除！重要請 –

@Risa__B是正確的。 '重要的'從字面上覆蓋了其他的一切。 – jhpratt

我不認爲這部分代碼是問題所在。他想要壓倒一切。他說，部分代碼的作品，他正在尋找做上述工作 –

在過去，我已經嘗試引用外部文件（主要是js）並且從未成功。據我記得，鉻對外部文件有一些限制。除此之外，我還注意到在網站上有幾個跨域訪問限制。我不確定這種進口是否可能。另外請注意，該網站有一個JS錯誤。由於這個原因，它可能不會運行某些代碼，但是我不認爲css會因此而生效。

當我曾經有js文件這個問題，嘗試的方式導入各種後，我終於剛剛下載的js文件，並在清單中引用它。你可以嘗試一樣的。將字體內容保存到單獨的文件中或放入styles.css文件中。

來源

2017-08-27 04:05:12

Chrome擴展覆蓋css

回答

相關問題