當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

2018-07-10 为Chrome和火狐浏览器编写扩展

發布時間：2023/12/10 HTML 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 2018-07-10 为Chrome和火狐浏览器编写扩展小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

由于擴展標準的逐漸一致, 現在同一擴展代碼庫已經有可能同時用于Chrome和火狐. 下面是一個簡單的工具欄按鈕和彈窗(尚無任何實際功能):

代碼庫地址: nobodxbodon/suan1

所有代碼:

manifest.json:

{"manifest_version": 2,"name": "算一","version": "0.0.1","description": "工具欄按鈕, 彈窗中包含計算器","homepage_url": "https://github.com/nobodxbodon/suan1","icons": {"48": "圖標/算-48.png","96": "圖標/算-96.png"},"permissions": [],"browser_action": {"default_icon": "圖標/算-32.png","default_title": "算一","default_popup": "彈窗/主界面.html"}}

彈窗/主界面.html

<!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" href="主界面.css"/></head><body><div class="按鈕">你好</div><script src="主界面.js"></script> </body></html>

彈窗/主界面.css

html, body {width: 100px; }.按鈕 {margin: 3% auto;padding: 4px;text-align: center;font-size: 1.5em;cursor: pointer; }

待續...

轉載于:https://www.cnblogs.com/program-in-chinese/p/10494846.html

總結

以上是生活随笔為你收集整理的2018-07-10 为Chrome和火狐浏览器编写扩展的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。