谷歌浏览器扩展如何获取网页dom对象信息

chrome浏览器的扩展，在扩展的popup页面，如何获取当前tab加载页面的DOM对象信息，如某个input对象的值

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
lpgxfx 2018-04-01 08:44
关注
做谷歌扩展需要注意，chrome扩展不支持inline-script，绑定事件的代码需要放到外部js文件中，也不能直接在DOM对象上添加click事件
可以参考这个示例：chrome扩展获取页面dom对象信息

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

谷歌浏览器document.querySelector()方法问题 javascript vue.js 前端
2022-06-27 17:04

回答 1 已采纳 var maxScrollLeft = element.scrollWidth - element.clientWidth;
Vue3获取dom高度不准确 javascript vue.js 前端框架
2022-06-27 16:06

回答 3 已采纳图片加载吧，每个图片同样的也是请求，没加载出来之前可能高度就是alt或者无高度，再有因为是异步的你的Mounted和nextTick到了抓取时机所以就抓到高度不准确 img 有个 @load事件
怎么打印一个dom对象的信息，不是文档信息，是对象信息 html5 javascript
2018-05-26 08:36

回答 2 已采纳 for in 这个元素的属性
谷歌浏览器插件 chrome扩展vue
2022-10-25 17:20

创建Chrome扩展首先需要定义manifest.json文件，这是扩展的核心配置文件，包含扩展的基本信息、权限、内容脚本、背景脚本等设置。Vue可以在背景脚本或内容脚本中引入，用于处理用户界面和逻辑。例如，你可能会在...
JS中DOM获取注释节点运行结果出错 javascript 前端
2022-01-19 13:28

回答 1 已采纳你说啥啊，你知不知道nextSibling是啥啊，先查一查是啥，是它下一个同胞节点，你说正确的返回值应该为#comment，你这都没有#comment这个元素你先把<!-- div节点 --
使用ES6里的对象的扩展知识 javascript 前端
2022-03-21 22:58

回答 1 已采纳你这代码有问题const done = document.querySelector('.ctrl .done')，都找不到.done
关于getElementsByTagName获取的DOM对象问题 javascript
2015-05-06 08:23

回答 1 已采纳对于数组方式的，用for(var c=0;c<a.length;c++)这中方式合适。不建议用for in的方式。 for in的方式会把扩展的原型等属性都给枚举出来，多出来的就是类似leng
谷歌浏览器 fehelper 前端助手全工具包
2022-01-27 10:50

【谷歌浏览器 fehelper 前端助手全工具包】是一款专为前端开发者设计的高效辅助工具，它在Chrome浏览器上运行，极大地提升了前端工程师的工作效率。FeHelper集成了多种实用功能，帮助开发者快速解决在网页开发过程...
Vue里面如何获取dom元素？ javascript 有问必答
2021-06-24 08:33

回答 4 已采纳第一种方法也就是原生JS方法，毕竟前端框架八九不离JS
Vue 获取 table表格中某个 td DOM 的实际列号（A,BC.)，请教 vue.js 前端有问必答
2022-06-18 00:17

回答 5 已采纳获取某个单元格未合并原始行列下标可以用下面函数（JS），ts的话题主转下对应的dom对象类，测试正常 <table border="1"> <tr><td id
react-hook使用useref获取dom的style，第一次触发事件获取为空 react.js 前端
2022-04-14 11:19

回答 1 已采纳 ref获取到的是内联的样式引入的样式获取不到
vue谷歌浏览器扩展插件
2022-12-19 21:52

"Vue谷歌浏览器扩展插件"，即Vue DevTools，是开发者在构建Vue应用时不可或缺的调试工具，它专为谷歌浏览器（Chrome）设计，帮助开发者深入理解Vue应用的工作原理。 Vue DevTools 是一款强大的浏览器开发者工具，它...
谷歌浏览器-vue插件-5.3.4-0.zip
2023-02-23 20:18

Chrome扩展程序是一种小型软件应用，可以添加到谷歌浏览器中，以提供额外的功能，比如广告拦截、网页翻译或生产力工具等。Vue插件可能是为了帮助开发者在Chrome浏览器环境中更好地调试、查看或者分析Vue应用的运行...
谷歌浏览器的vue tool离线包 shells插件，无需安装
2021-08-02 17:03

谷歌浏览器（Google Chrome）是全球最广泛使用的网络浏览器，拥有强大的扩展性，其应用商店（Chrome Web Store）提供了各种各样的插件以增强用户体验。"shells插件"是针对Vue开发的一个离线工具包，它的目的是让用户...
谷歌浏览器js打开IE浏览器.rar
2020-10-29 14:51

在现代Web开发中，开发者经常需要在不同的浏览器环境中测试网页的兼容性，其中包括现代浏览器如Chrome（谷歌浏览器）和较为老旧的IE（Internet Explorer）浏览器。由于IE浏览器的某些特性和标准支持与其他现代浏览器...
没有解决我的问题, 去提问

悬赏问题

¥15 三向应力状态求剪应力
¥15 jupyter notebook如何添加libGL.so.1库
¥20 easyPoi能否实现下拉多选或者复选框
¥15 网桥在转发帧时，会变帧的源地址和目的地址吗？
¥15 用Multisim设计汽车尾灯控制电路
¥100 求用matlab求解上述微分方程的程序代码
¥15 MAC安装佳能LBP2900驱动的网盘提取码
¥400 微信停车小程序谁懂的来
¥15 ATAC测序到底用什么peak文件做Diffbind差异分析
¥15 安装ubantu过程中第一个vfat 文件挂载失败

谷歌浏览器扩展如何获取网页dom对象信息

2条回答 默认 最新

悬赏问题

2条回答默认最新