在Chrome扩展程序中使用Ajax查询

Question

我正在尝试构建一个chrome扩展程序，该扩展程序将打开当前域的使用期限，并根据该使用期限生成不透明度值，并将该不透明度值应用于要放置在当前页面顶部的覆盖层。

这是我不工作的方法：

的manifest.json

{
  "name": "overlay",
  "version": "0",
  "description": "art project",
  "background": {"page": "background.html"},
  "manifest_version": 2,
  "browser_action": {
  "name": "art project",
  "icons": ["icon.png"],
  "default_icon": "icon.png"
},
  "content_scripts": [ {
  "js": [ "jquery-2.1.4.min.js", "background.js"],
  "css": ["customStyles.css"],
  "matches": [ "http://*/*", "https://*/*"]
}]
}

background.js

var domain = location.hostname;

$.ajax({
  url: 'http://whois.webhosting.info/' + domain,
  type: 'GET',
  success: function(res) {

  // find table with class "body_text"
  $(res.responseText).find('table.body_text').appendTo('body');
  var creation_date = $(res.responseText).find('table.body_text > tbody > tr:nth-child(5) > td:nth-child(2)').html();

  var str = creation_date.split(/(\s+)/);

  // calculate the month number from month in string format
  var monthcalc = ( "JanFebMarAprMayJunJulAugSepOctNovDec".indexOf(str[0]) / 3 + 1 );

  // join the date
  var domainage = str[2] + " " + monthcalc + " " + str[1];

  // create the date
  var firstdate = new Date(domainage);

  var today = new Date();        
  var dayDiff = Math.ceil(today.getTime() - firstdate.getTime()) / (1000 * 60 * 60 * 24 * 365);
  var age = parseInt(dayDiff);
  $('#age').html(age+' years old');

  // calculate opacity of patina
  patinaOpacity = (dayDiff * 1.5) / 100;
  console.log(patinaOpacity);

  $("body").prepend('<div class="overlay">PATINA OVERLAY</div>');

  $(".patina-overlay").css({
    "z-index": "10000000000000", 
    "background": "black",
    "opacity": patinaOpacity,
    "position": "fixed",
    "width": "100%",
    "height": "100%",
    "pointer-events": "none",
  });

  }
});

奇怪的是，这段代码可以在普通的html文档中完美地工作，但是当我将其实现为chrome扩展名时却不能。 Chrome扩展程序开发人员工具始终向我显示，此行出现语法错误var str = creation_date.split(/(\\s+)/;我不知道这是怎么回事。

Answer 1

虽然很难准确说明代码为什么失败，但是必须说，查询Web WHOIS服务永远不会成功。

此类服务几乎总是设有防止重复查询的保护措施：您可能遇到了CAPTCHA或类似的防御措施。 有一个原因是周围没有无限的免费WHOIS服务/ API。

然后，您的代码将找不到所需的元素，并且由于您没有进行检查-进一步分解。

---

即使将其放在一边，跨域AJAX要求您在清单的权限字段中声明要查询的地址。 尽管我认为在这种情况下它不会调用success函数。

---

另一种可能性是非常可疑的操作$(res.responseText)尝试解析HTML。 您正在将外部代码（可能包含脚本）注入当前文档的上下文中。 对于您无法控制的数据，这不是一个好主意。