黄聪:360、chrome开发插件扩展如何跨域调用其他网站的信息并且显示在扩展、tab中的api

chrome插件提供了查找tab的api 

Js代码
  1. chrome.tabs.get(integer tabId, function callback)  


但是出于安全的考虑,tab的属性中没有document 

因此无法在扩展中直接获取某个页签页面中的页面元素 

但是tab有这样一个方法 

Js代码
  1. chrome.tabs.sendRequest(integer tabId, any request, function responseCallback)  


他可以在扩展中可以对某一个tab进行请求,发送请求信息; 
在对应的tab页面中通过 

Js代码 
  1. chrome.extension.onRequest.addListener(function(any request, MessageSender sender, function sendResponse) {...});  


对扩展中的请求进行监听,根据监听到的信息,决定要做的事情 

简单一点的,简明实例: 
一、在扩展中 添加 发送事件请求 的代码 

Js代码 
  1. chrome.tabs.sendRequest(tab_id, {  
  2.       hello: "ok"  
  3.     }, function(response) {  
  4.         // tab做出响应,发来的response  
  5. })  



二、在 tab中添加 事件监听的代码 

在manifest.json中添加 

Js代码 
  1. "content_scripts": [  
  2.   {  
  3.     "matches": ["*://*/*"],  
  4.     "js": ["jquery.min.js","test.js"]  
  5.   }  
  6. ],  
  7. "permissions": ["*://*/*","tabs"]  


其目的是在每个页签页面加载的时候同时载入这两个js,获取tabs的权限 

在test.js 中放入监听 扩展 请求事件的代码 

Js代码
  1. chrome.extension.onRequest.addListener(  
  2.   function(request, sender, sendResponse) {  
  3.     if (request.hello == "ok"){  // 在得到request请求是ok的时候 做下面的操作  
  4.       sendResponse({  
  5.         data: $("#hello"// 获取id是hello的元素发过去  
  6.       });  
  7.     }  
  8.   }  
  9.   );  

黄聪:360、chrome开发插件扩展如何跨域调用其他网站的信息并且显示在扩展、tab中的api

上一篇:【Windows Phone 8】使用MVVMLight框架


下一篇:win7下vs2010开发atl服务