社区
JavaScript
帖子详情
chrome插件开发,他能正常,但为什么对网页中的iframe操作不起作用?
qq_35970755
2017-03-02 09:16:40
想做一个方便操作的插件,但是因为原网页套用了iframe,插件在控制iframe里面的元素时,并没有效果,想问一下这是为什么?
...全文
742
2
打赏
收藏
chrome插件开发,他能正常,但为什么对网页中的iframe操作不起作用?
想做一个方便操作的插件,但是因为原网页套用了iframe,插件在控制iframe里面的元素时,并没有效果,想问一下这是为什么?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
囧
2017-03-03
打赏
举报
回复
配置文件给content_scripts加上 "all_frames": true
蚂蚁上树
2017-03-03
打赏
举报
回复
引用 1 楼 Free_Wind22 的回复:
配置文件给content_scripts加上 "all_frames": true
+1
html5 pdf浏览demo
可以再浏览器
中
浏览PDF文件的完整项目。想要运行,只要打开web文件夹的viewer.html即可。可以打开本地PDF文件进行浏览。而且功能非常齐全。
plupload+jquery+java多文件上传下载功能
使用plupload实现多文件上传,单文件直接下载/多个文件打包下载 页面使用jquery easyui,后台使用commons包实现,包含oracle数据库建表sql
Chrome
插件
开发
时,在
iframe
的DOMContentLoaded事件
中
注入content.js
Chrome
插件
iframe
脚本注入方案对比(150字) 在
Chrome
插件
开发
中
,
iframe
脚本注入需应对跨域和时机问题。核心方案: 静态配置:通过manifest.json设置all_frames:true和run_at:"document_end"实现全量注入,简单高效但缺乏灵活性。 动态注入:使用webNavigationAPI监听
iframe
加载事件,按需注入脚本,需声明跨域权限,适合精准控制场景。 父页代理:通过postMessage实现跨域通信注入,适合已建立信任关系的父
Chrome
浏览器
插件
获取
网页
iframe
中
的 window 对象
获取逻辑和《
Chrome
浏览器
插件
获取
网页
window 对象》
中
的方案一一样,有兴趣的可以试下其他方案我这是本地
iframe
URL,如果你的 URL 是
网页
链接,可以在 index.js
中
嵌入 lucky.js 做延迟处理如果你的
iframe
URL 是动态的,比如,点击 tab,切换 URL,则可以在 index.js
中
进行 MutationObserver 监听。
Chrome
插件
开发
全攻略
本文系统介绍了
Chrome
插件
开发
的核心技术与流程。主要内容包括:
插件
开发
基础概念(manifest配置、内容脚本、后台服务等)、
开发
环境搭建方法、核心文件结构解析,以及基础功能模块实现。重点讲解了不同组件间的通信机制(消息传递、长连接等)、调试技巧与发布流程,并提供了进阶
开发
建议(数据存储、安全性处理、功能API扩展)。通过完整的示例代码,演示了从零开始构建
Chrome
插件
的全流程,涵盖权限声明、浏览器动作控制、内容脚本注入等关键技术点,为
开发
者提供了一套完整的
Chrome
插件
开发
指南。
JavaScript
87,993
社区成员
224,694
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章