使用内容脚本

时间:2018-03-24 14:44:38

标签: javascript jquery google-chrome-extension content-script

我是扩展程序开发的新手,所以我正在制作一个chrome扩展程序,它可以获取网页的内容。 它正在工作,但主要问题是我每次都要重新加载页面以获取数据和扩展。 你能帮助我解决这个问题吗?

myscript.js

var c;
chrome.runtime.onConnect.addListener(function(port){
  port.onMessage.addListener(function(res){
    
var myurl;
  myurl=url goes here; 
  myurl+=params;
      c = res.prd; ///using the response from the content script for further use
      myurl+=c;
      alert(myurl);
      var settings = {
  "async": true,
  "crossDomain": true,
  "url":myurl,
  "method": "GET",
  "headers": {
    "content-type": "application/json"
  }
}
      
$.ajax(settings).done(function (response) {
  console.log(response);
  var a = document.getElementById('result');
  a.innerHTML = "hellow there";

});  //ajax
  }); //onmsg
}); //oncnt

以上代码侦听来自网页的响应,然后myurl变量用于另一个ajax调用,用于处理来自内容脚本的响应。 但问题是,每次我的内容脚本从中读取数据时,我都必须重新加载页面。 你能帮帮我..

这是我的清单文件

{
	"manifest_version" : 2 ,
	"name" : "my",
	"version" : "1.0",
	"browser_action":
	{
		"default_popup" : "abc.html"
	},
	"content_scripts": [
    	{
      		"matches": ["https://www.amazon.in/*","https://www.flipkart.com/*"],
     	 	"js": ["jquery-3.2.1.js","mycontentscript.js"]
   		}
   	],
	/*"background" :{
		"scripts" : ["background.js"]
	}, */
	"content_security_policy": "script-src 'self' https://*/ default-src 'self'  "
}

看到的东西,是我正在尝试阅读亚马逊的DOM内容或像产品的标题等flipkart等。 但问题是我必须每次重新加载页面,以获取数据.. 那么无论如何我不必再次重新加载页面来做同样的事情。?

0 个答案:

没有答案