360、chrome开发插件扩展如何跨域调用其他网站的信息并且显示在扩展、tab中的api-阿里云开发者社区

开发者社区> 老朱教授> 正文

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.   );  



  10. 本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/p/3534089.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
**apache环境下 禁止显示 index of/ 目录下(如何禁止访问网站根目录)
比如: http://123.57.49.XX6//  当这样访问的时候,可能会列出网站的根目录 如何禁止列出网站目录,方法如下:   让别人知道你的网站目录结构直接查看你目录下的所有文件是很危险的一个事情。
899 0
vs如何在C++中调用Lua
最近Cocos2dx的学习卡壳了,一般的照抄代码我不想写上来,但想示例也想得我头晕...为了放松大脑调整状态于是开始学习Lua。Lua的语法学习还是比较简单的,学过javascript或者vbscript的应该很容易就能上手,那些Lua独有的特性也是比较有趣,例如不定数目的多参数函数和随意的参数返回值等。
652 0
IDEA 插件开发入门教程
IntelliJ IDEA 是目前最好用的 JAVA 开发 IDE,它本身的功能已经非常强大了,但是每个人的需求不一样,有些需求 IDEA 本身无法满足,于是我们就需要自己开发插件来解决。工欲善其事,必先利其器,想要提高开发效率,我们可以借助 IDEA 提供的插件功能来满足我们的需求。
6792 0
[译]15个关于Chrome的开发必备小技巧
谷歌Chrome,是当前最流行且被众多web开发人员使用的浏览器。最快六周就更新发布一次以及伴随着它不断强大的开发组件,使得Chrome成为你必备的开发工具。例如,在线编辑CSS,console以及debugger这些常用的调试技术,或许你已经了解。
6128 0
+关注
3546
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《Nacos架构&原理》
立即下载
《看见新力量:二》电子书
立即下载
云上自动化运维(CloudOps)白皮书
立即下载