想要在iframe中嵌入自己的js脚本,能实现吗?

发布于 2022-09-07 23:57:50 字数 68 浏览 11 评论 0

我想在加载iframe第三方网页的时候注入一段自己的js,提供一个iframe内可以访问的方法,能实现吗?### 问题描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

网名女生简单气质 2022-09-14 23:57:50

实现难度大,如果是跨域页面纯靠前端基本没有实现的可能

要是想在他人站内注入代码做点什么事情的话,就我经验最简便的方法就是去写个chrome插件来实现,也是我现在跨站提取数据的方法
图片描述

享受孤独 2022-09-14 23:57:50

跨域了 貌似不行

埖埖迣鎅 2022-09-14 23:57:50

提供一个iframe内可以访问的方法?

你可以操作第三方网页 那为什么不行 这不就跟你网页上引用cdn上的jq一个道理吗
你的js src访问地址给他不就得了 (ps:这个不存在跨域 不然你怎么用别人的服务器的jq)

还在原地等你 2022-09-14 23:57:50

如果你对第三方网页没有控制权是不行的

慈悲佛祖 2022-09-14 23:57:50

同域内做一个接口/foo 接收两个字段 一个是要转发的地址 一个是要注入的内容
iframe 永远只填这个接口
伪代码如下

<iframe src="/foo?url=http://baz.bar.com/x/y&inject=function sayHi(){console.log('hi')}" />

后台伪代码

const express = require("express");
const app = express();
app.get("/foo",async (req,res)=>{
    const {url,inject} = req.params;
    // 假设你实现了一个getHttp方法用于转发请求,下面出现那些没定义过的方法假设都实现了
    const data = await getHttp(url);
    // 解析数据并在合适的位置插入你的代码
    res.end(parseAndInSert(data,inject));
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文