css
在HTML文件里，css可以內嵌、可以內部樣式表、也可以外鏈引入。
js
js就要注意了！！
- js不支持inline javascript
- 只能引入外部js文件
按照下面兩種錯誤方式會出現如圖錯誤：
error.png
錯誤做法1：
<input id="test" type="text" onclick="open()" />
<script>
function open(){
console.log(11);
}
</script>
錯誤做法2：
html文件代碼：
<input id="test" type="text" onclick="open()" />
<script src="popup.js" type="text/javascript" charset="utf-8"></script> //引入外部js文件
popup.js文件代碼：
function open(){
console.log(11);
}
所以請模仿下面正確做法！
正確做法：
html文件代碼：
<input id="test" type="text" />
<script src="popup.js" type="text/javascript" charset="utf-8"></script> //引入外部js文件
popup.js文件代碼：
document.getElementById('test').onclick = function () {
console.log(11);
};
google瀏覽器上預覽
教你們一招特別高效的辦法，我以前都不知道，這次才發現的額！
1、點擊圖上紅色框內按鈕----選擇你的插件所在的文件夾----確認。
例1.png
2、完成后如下圖所示。
例2.png
3、插件可以運行成功。最重要的是，當你改了代碼，直接刷新下瀏覽器或者點插件或者點重新加載，都可以看到已改過的內容，超級方便。我以前還傻傻的跑去打包擴展程序，然后傻傻的把.crx文件拖到瀏覽器插件頁里運行看效果。超級笨哇，都沒有發現上面這個超級方便的東東。
