activex for chrome扩展程序 下载”_chrome系列-扩展程序开发学习-从无到有
生活随笔
收集整理的這篇文章主要介紹了
activex for chrome扩展程序 下载”_chrome系列-扩展程序开发学习-从无到有
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本來是想做一個圖床,然后在chrome擴展中添加上,但是發現chrome的擴展有點毫無頭緒,只能從頭練習,從頭學了。
例子1-最最簡單的展示
先做一個例子,能夠添加上即可,內容什么的無所謂。
了解chrome 擴展
- manifest.json
- 入口文件(可有可無)
- icon (可有可無)
那么最重要的就是這個manifest.json文件,至于里面有什么,現在一步一步的慢慢添加。
來一個我的文件夾結構:
文件夾結構{"manifest_version":2,"name":"DEMO","version":"1.0","browser_action":{"default_title":"點擊查看信息","default_popup":"popup.html"} }上面是一個簡單的內容,其中manifest_version:2 這個是固定的,name 是你的程序的名字,version是版本,browser_action 是瀏覽器的動作,default_title 是鼠標移入圖標的提示,default_popup 是點擊圖標的展示頁面。
那么我們后面需要做的就是增加一個`popup.html`,內容無所謂,先有再說。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>.time{padding:30px;font-size:20px;font-weight:bold;min-width:200px;}</style> </head> <body><div class="time" id="test"></div> </body> </html> <script type="text/javascript" src="popup.js"></script>要說明的一點是:html中不能內聯js,只能通過js文件外鏈才能生效。
展示
找到谷歌的擴展程序 --> 加載已解壓的擴展程序 --> 選擇文件夾 --> 完畢。
然后點擊圖標就會發現已經有了頁面。
是不是很簡單啊.(前提要懂CSS/HTML/JS哦)
后續會把練習的幾個例子都記錄下來。
Ps : 第一次在知乎發文章,這編輯器是真的難用.. 也可能是還沒學會如何使用。
目前暫時沒有什么寫作內容,主要是把個人博客的一些文章搬運過來先。
原文鏈接:
chrome系列-擴展程序開發學習-從無到有 | BUG集散地?chrunlee.cn 超強干貨來襲 云風專訪:近40年碼齡,通宵達旦的技術人生總結
以上是生活随笔為你收集整理的activex for chrome扩展程序 下载”_chrome系列-扩展程序开发学习-从无到有的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: options请求_前端数据请求的终极方
- 下一篇: python测验7编程题_2020大学m