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请求_前端数据请求的终极方
- 下一篇： kux转换为mp4软件_kux2mp4(