使用Chrome扩展程序获取DOM内容

时间:2019-01-08 18:21:58

标签: google-chrome-extension getelementsbytagname

嗨,我正在做一个练习,我必须捕获任何页面内的“ p”标签的内容并按“提示”显示

  

manifest.json

{
  "manifest_version": 2,
  "name": "Get text",
  "description": "Get text",
  "version": "1.0",

  "browser_action": {
     "default_title": "Get text"
  },

  "background": {
    "page": "background.html"
  },

  "permissions": [
    "tabs",
    "activeTab"
  ]
  
}

  

background.html

<div>BLA BLA BLA</div>
<p> p tag </p>
<script src="jquery-3.3.1.js"></script>
<script src="background.js"></script>

在这里,我检查是否正在捕获此html页面的元素,而不是在选项卡中打开的页面

  

background.js

chrome.browserAction.onClicked.addListener(function() {
   	alert("Text: " + $("p").text());
});

我尝试过以最简单的方式做事,我读过很多不同方法的文章,但它们都不起作用

1 个答案:

答案 0 :(得分:1)

在您的background.js中尝试一下:

expandedHeight

您需要在当前选项卡的上下文中运行脚本。为此,您必须使用chrome.tabs.executeScript。您还可以指定要运行的文件而不是代码。查看文档。