2015-09-19 17 views
0

(MacBook Pro的2015年中期/ OS X約塞米蒂10.10.5/Safari瀏覽器8.0.8),本地圖片文件改變background-image屬性使用Safari瀏覽器插件

我想換一個特定網頁的background-image
我做了一個Safari瀏覽器插件,並作出這樣的CSS文件style.css

body { background-image: url('background.png'); } 

我也把background.png到同一目錄與style.css
和Safari的開發許可證已經設置。

然後,在擴展生成器,我設置一些屬性如下:

  • 擴展網站訪問:All
  • 注入擴展內容:
    • 樣式表:style.css
  • 白名單:http://__mywebsite__.com/*

雖然我安裝了這個,但我的網頁背景似乎沒有啓用。

我認爲解決方案必須是這些:

  • Safari瀏覽器插件無法找到本地文件background.png
  • 我設錯白名單模式
  • 我錯了參數設置爲分機網站訪問

我該怎麼辦?任何意見將感恩。

回答

0

如果鏈接到網頁上的圖像,會發生什麼情況?嘗試把這個鏈接,看看它的工作原理:http://dummyimage.com/600x400/000/fff 如果它確實那麼問題是與目錄或您提到的其他事情之一

+0

我設置'身體{背景圖像:URL('http:// dummyimage.com/600x400/000/fff')!重要; }'但什麼都改變了,我也嘗試過'body {display:hidden!important; }'但沒有任何事發生 –

+0

任何樣式都可以工作嗎?您使用的樣式標籤有問題嗎?你有沒有嘗試內聯的CSS? –

+0

我試過以下內容:'document.body.style.backgroundImage =「url 'http://dummyimage.com/600x400')「;'並將'script.js'設置爲」Injected Extension Content - End Scripts:「但沒有任何事情發生。我也試過'console.log(「test」);'但結果是一樣的; ^( –