關(guān)于最近阿里內(nèi)部員工搶月餅事件引發(fā)的js程序擴(kuò)展
來(lái)源：程序員人生 發(fā)布時(shí)間：2016-12-13 14:57:07 閱讀次數(shù)：2814次
前段時(shí)間關(guān)于阿里內(nèi)部員工搶月餅事件傳遍了全部程序界，今天，就淺談下如何編寫(xiě)js擴(kuò)大程序來(lái)到達(dá)你需要的東西
干貨開(kāi)始啦！！！
首先，今天我們用到的是chrome閱讀器，固然也有其他的閱讀器如火狐閱讀器（自己可以百度，查找資料），個(gè)人認(rèn)為谷歌閱讀器插件擴(kuò)大還是蠻不錯(cuò)的（個(gè)人推薦！）；
步驟：
1，建立1個(gè)文件夾，命名為 ChromeExtend
2，在ChromeExtend這個(gè)文件夾中，建立1個(gè)manifest.json文件，作為這個(gè)程序的擴(kuò)大配置文件，把需要填寫(xiě)的信息都可以放到這個(gè)json文件里，大概內(nèi)容以下：
{
"name":"我的Chrome插件之彈窗helloworld！",
"manifest_version":2,
"version":"1.0",
"description":"我的第1Chrome插件，延續(xù)更新中！",
"browser_action":{
"default_icon":"1.png"
}
}
注釋：“1.png”，可以隨意抽出1個(gè)圖片發(fā)到ChromeExtend這個(gè)文件中，它的作用就是來(lái)提示你安裝的插件擴(kuò)大程序，如我的安裝成功后，會(huì)在你閱讀器右上角擴(kuò)大程序欄中
顯示以下（下面有安裝步驟）：
另外需要注意的是，json文件的字符子集為utf⑻，統(tǒng)1管理；
其實(shí)到這，你已完成了1大半了！！！
接下來(lái)，我們就開(kāi)始用到谷歌閱讀器，來(lái)安裝你寫(xiě)到擴(kuò)大程序了，打開(kāi)谷歌擴(kuò)大程序，選擇以下圖的“加載已解壓的擴(kuò)大程序”（我的是mac，windows系統(tǒng)也是勾選此選項(xiàng)，肯能文字描寫(xiě)不太1樣吧）
然后便是你選中你剛才建立的那個(gè)ChromeExtend文件夾，選擇“打開(kāi)”便成功了！（看看你閱讀器擴(kuò)大程序欄中的右上角，有無(wú)你剛才的“1.png”圖片！！！）
3，接下來(lái)，我們便開(kāi)始寫(xiě)我們的js（干貨啊
）
我們把helloword的代碼添加上去，在manifest.json文件上添加以下代碼：
"content_scripts":[
{
"matches":["https://www.zhihu.com/*"],
"js":["my.js"]
}
]
注釋：matches 里配置的是你的 要放入js的域名 ； js 便是你要履行的js代碼；
以下就是my.js1句簡(jiǎn)單的代碼：
alert('Hello World!');
這里我們看到了“content_scripts”，其實(shí)它的作用就是要讓你的js在你需要的頁(yè)面中之行，具體詳細(xì)的配置信息，自己可以百度哦，這里就不多介紹啦！
4，寫(xiě)完后，在你擴(kuò)大程序中，點(diǎn)擊“重新加載”，以下圖：
5，完善收官！
完成代碼：
{
"name":"我的Chrome插件之彈窗helloworld！",
"manifest_version":2,
"version":"1.0",
"description":"我的第1Chrome插件，延續(xù)更新中！",
"browser_action":{
"default_icon":"1.png"
},
"content_scripts":[
{
"matches":["https://www.zhihu.com/*"],
"js":["my.js"]
}
]
}
生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
