時(shí)間:2023-07-05 09:03:02 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-07-05 09:03:02 來源:網(wǎng)站運(yùn)營
制作一個(gè)簡單的chrome插件:{ "name": "Handsome Wu's first extension", "version": "1.0", "manifest_version": 2, "content_scripts": [ { "matches": ["<all_urls>"], "js": ["index.js"] } ]}
前三行是必須有的,具體什么意思想必會(huì)點(diǎn)英語都能懂,可以當(dāng)作是默認(rèn)要求的寫 解釋一下"content_scripts"這一塊的意思: 使用"content_scripts"你可以修改你當(dāng)前訪問的頁面的dom,主要是靠js實(shí)現(xiàn)的,里面的"matches"是一個(gè)數(shù)組,里面裝的是一些匹配的規(guī)則,意思就是當(dāng)你的頁面的地址滿足數(shù)組里面的值的時(shí)候就會(huì)操作js文件,如果你只想要某個(gè)網(wǎng)頁實(shí)現(xiàn)效果而不是整個(gè)百度都實(shí)現(xiàn)時(shí),那你就把a(bǔ)ll_urls改成你想要的網(wǎng)址就行了。而"js"里面的是具體的操作,具體操作就是要自己寫了。document.body.style.background = "#000";/* *document是獲取的是網(wǎng)頁的文檔 *body獲取的是網(wǎng)頁文檔中body部分 *style是樣式屬性 *background是背景屬性 *#000是黑色 *灰色部分是注釋你可以不要輸入進(jìn)去 */
然后你就完成了所有輸入工作。nice~ 最后的工作就是加入把這個(gè)腳本放入到chrome瀏覽器中,操作如圖//可以實(shí)現(xiàn)每次打開新頁面時(shí)在瀏覽器輸出一句話alert('在這輸入你想顯示的話') /**************************************************///實(shí)現(xiàn)輸出該頁面有多少張圖片var imgs = document.querySelectorAll('img'); alert(imgs.length);//ps:這個(gè)方法如果遇到頁面里面很多圖片可能要加載很久才能出來
關(guān)鍵詞:簡單
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。