manifest.json 內容

知識點包含：

* content_scripts注入js，background.scripts用來發送請求(content_scripts禁止發送ajax)

* Message 和 Request 區別

manifest

JavaScript

{

"name":"Catch your Data",

"description":"Catch every data what you need",

"version":"1.0",

"permissions": [

"tabs", "http://*/*", "https://*/*","http://service.miniice.cn/"

],

"browser_action": {

"default_title": "Get this page's Data.",

"default_icon": "icon.png",

"default_popup": "popup.html"

},

"manifest_version":2,

"content_scripts": [

{

"js":["jquery-2.2.0.min.js","content_script.js"],

"matches":["https://sycm.taobao.com/portal/*"]

}

],

"background": {

"scripts": ["jquery-2.2.0.min.js","background.js"]

}

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

{

"name":"Catch your Data",

"description":"Catch every data what you need",

"version":"1.0",

"permissions":[

"tabs","http://*/*","https://*/*","http://service.miniice.cn/"

],

"browser_action":{

"default_title":"Get this page's Data.",

"default_icon":"icon.png",

"default_popup":"popup.html"

},

"manifest_version":2,

"content_scripts":[

{

"js":["jquery-2.2.0.min.js","content_script.js"],

"matches":["https://sycm.taobao.com/portal/*"]

}

],

"background":{

"scripts":["jquery-2.2.0.min.js","background.js"]

}

}

標簽腳本(content_script)和背景頁(background)交互可以有多種方式

其中我使用過 Message 和 Request

Message用于立即響應消息，多用于讀取早已緩存的信息，不適合異步

Request多用于異步請求服務器

Message 要這么寫

content_script.js?內容

JavaScript

var jsonarr={

'name':'abc'

}

chrome.extension.sendMessage(jsonarr, function(ret){

console.log(ret);

});

1

2

3

4

5

6

varjsonarr={

'name':'abc'

}

chrome.extension.sendMessage(jsonarr,function(ret){

console.log(ret);

});

background.js 內容

JavaScript

chrome.extension.onMessage.addListener(function(objRequest, _, sendResponse){

var send={

"data":objRequest,

"info":"以上是您輸入的信息",

"status":1,

}

sendResponse(send);

});

1

2

3

4

5

6

7

8

chrome.extension.onMessage.addListener(function(objRequest,_,sendResponse){

varsend={

"data":objRequest,

"info":"以上是您輸入的信息",

"status":1,

}

sendResponse(send);

});

Request 要這么寫

content_script.js?內容

JavaScript

var jsonarr={

'version':'abc123'

}

chrome.extension.sendRequest(jsonarr, function(ret){

console.log(ret);

});

1

2

3

4

5

6

varjsonarr={

'version':'abc123'

}

chrome.extension.sendRequest(jsonarr,function(ret){

console.log(ret);

});

background.js 內容

JavaScript

chrome.extension.onRequest.addListener(function(objRequest, _, sendResponse){

$.post("deal.php",objRequest,function(ret){

sendResponse(ret);

})

});

1

2

3

4

5

chrome.extension.onRequest.addListener(function(objRequest,_,sendResponse){

$.post("deal.php",objRequest,function(ret){

sendResponse(ret);

})

});

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的谷歌插件开发ajax请求,chrome插件 注入js以及发送ajax(message/request)的全部內容，希望文章能夠幫你解決所遇到的問題。

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