九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
用Javascript編寫Chrome瀏覽器插件

 插件開發(fā)流程

  1.開發(fā)語言和軟件
  開發(fā)語言就是Javascript,開發(fā)軟件選擇一款自己熟悉的純文本編輯器就可以了,例如系統(tǒng)自帶的記事本,或者支持語法高亮的UltraEdit。

  2.設(shè)計(jì)插件
  一個(gè)完整的插件是由4個(gè)部分組成,分別是manifest.json、.js文件、圖標(biāo)和HTML文件,設(shè)計(jì)插件就是設(shè)計(jì)這4類文件。manifest.json的作用是定義插件的屬性,例如名稱、版本、類型等;HTML文件具體實(shí)現(xiàn)插件的功能;.js文件是一個(gè)跟瀏覽器互動(dòng)的腳本。

  3.載入插件
  設(shè)計(jì)好上面幾個(gè)文件后,就可以將插件載入瀏覽器中試用一下。首先將它們整理到同一個(gè)文件夾中,然后在Chrome的工具欄中選擇“擴(kuò)展程序”,進(jìn)入擴(kuò)展管理頁,在右側(cè)選擇“開發(fā)人員模式”,再點(diǎn)擊“載入正在開發(fā)的擴(kuò)展程序”按鈕,定位到這個(gè)文件夾,將整個(gè)文件夾載入Chrome中。

  4.發(fā)布插件
  插件試用沒有問題后,不妨將它發(fā)布出去讓更多人使用。首先將插件所在的文件夾壓縮成一個(gè)ZIP文件(別順手壓縮成了RAR文件)。然后再到擴(kuò)展管理頁,點(diǎn)擊右下角的“獲得更多擴(kuò)展程序”鏈接,進(jìn)入Chrome官方插件下載頁面,在這個(gè)網(wǎng)頁的左下角,你能看到“發(fā)布擴(kuò)展程序”的鏈接,點(diǎn)擊鏈接,上傳ZIP壓縮文件、添加插件的使用說明和截圖,就可以發(fā)布插件了。

  插件設(shè)計(jì)過程

  1.制作圖標(biāo)

  圖標(biāo)的格式為PNG,大小為19×19像素的圖標(biāo)顯示在地址欄右側(cè),大小為48×48像素的圖標(biāo)顯示在擴(kuò)展管理頁。

  2. manifest.json

  manifest.json定義插件的屬性,這個(gè)文件的格式比較固定,大家下載代碼后,根據(jù)自己的實(shí)際需要進(jìn)行簡(jiǎn)單的更改就可以用了。

 

以下是代碼片段:


  {"name": "Our Chrome Extension's Name",
  "version": "1.0",
  "description": "This is the first Chrome extension.",
  "icons": { "48": "icon48.png" }, //定義圖片的大小,可以自己更改
  "page_action": { "default_icon": "icon19.png" },//定義圖片的名稱,可以自己更改
  "background_page": "background.html",//定義HTML名稱,可以自己更改
  "permissions": [ "tabs" ],
  "content_scripts": [{
  "matches": ["http://*.google.com/*"],
  "js": ["visit.js"]//定義.js文件名稱,可以自己更改
  }]}

  3. .js文件

  .js文件文件是連接瀏覽器和插件的橋梁,最基本的代碼就是:chrome.extension.sendRequest();,它的作用是向Chrome的擴(kuò)展管理程序發(fā)送一條請(qǐng)求消息,這條消息將被運(yùn)行的插件HTML文件捕獲。需要注意的是,在這個(gè)文件中,可以添加其他代碼,例如一些優(yōu)化代碼。

  4. HTML文件

  HTML文件是插件的功能文件,插件要實(shí)現(xiàn)什么功能全靠這個(gè)文件。我以我開發(fā)的保持活躍在線插件為例,進(jìn)行分析。我的插件,每隔一小段時(shí)間,隨機(jī)打開論壇中的一個(gè)帖子。

  在這個(gè)插件中,我用到了幾個(gè)API:chrome.pageAction.show(),用來在瀏覽器地址欄右側(cè)顯示插件的圖標(biāo);chrome.windows.getCurrent(),用來獲取當(dāng)前瀏覽器窗口的ID; chrome.tabs.create(),用來建立一個(gè)新的標(biāo)簽頁;chrome.tabs.remove(),用來關(guān)閉打開的標(biāo)簽頁。

  這幾個(gè)API比較基礎(chǔ),在插件開發(fā)中過程一般都用得到,如果要開發(fā)復(fù)雜的插件,則需要調(diào)用更多的API,到http://code.google.com/chrome/extensions去研究一下吧。

  

以下是代碼片段:


 <html><head><script>
  var winid = 0;
  var tabid = 0;
  chrome.extension.onRequest.addListener( // 捕獲.js文件中傳來的請(qǐng)求消息
  function(request,sender,sendResponse){ // 通過回調(diào)函數(shù)完成實(shí)際工作
  chrome.pageAction.show(sender.tab.id);
  chrome.windows.getCurrent(function(Win){ // 獲取當(dāng)前瀏覽器窗口的ID
  winid = Win.id
  });
  circle();
  }
 ?。?
  function circle(){
  radomURL = "http://bbs.pediy.com/showthread.php?t=" + Math.floor(100000 + Math.random()*6000); // 隨機(jī)生成論壇一個(gè)帖子的URL
  chrome.tabs.create({windowId:winid, url: radomURL, selected:false}, function(Tab){tabid = Tab.id}); // 打開上述URL
  chrome.tabs.remove(tabid); //關(guān)閉這個(gè)標(biāo)簽頁
  setTimeout("circle()", 60000); // 每隔60秒,重復(fù)上述操作
  }
  </script></head></html>

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
【干貨】Chrome插件(擴(kuò)展)開發(fā)全攻略
Chrome擴(kuò)展
chrome插件編寫中需要了解的幾個(gè)概念和一些方法 | IT宅.com
從零開始編寫一個(gè)chrome插件
Google Chrome Extension
小技巧 | Get 到一個(gè) Web 自動(dòng)化方案,絕了!
更多類似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服