Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >iframe 绕过 微信公众号文章防盗检测

iframe 绕过 微信公众号文章防盗检测

作者头像
yangdongnan
发布于 2019-03-28 07:38:31
发布于 2019-03-28 07:38:31
4.1K03
代码可运行
举报
文章被收录于专栏:日常记录日常记录
运行总次数:3
代码可运行

多说无益 贴一段使用的代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
getUrl(URL){
//url 为微信公众号文章链接
     let http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
     let realurl = http + '//cors-anywhere.herokuapp.com/' + URL;
     axios.get(realurl).then((response)=>{
       console.log(response)
       let html = response.data;
       html = html.replace(/data-src/g, "src")
                  .replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/g, '')
                  .replace(/https/g,'http');
       let html_src = 'data:text/html;charset=utf-8,' + html;
       let iframe = document.getElementById('iFrame');
       iframe.src = html_src;
     },(err)=>{console.log(err);});

总结 1 用ajax请求公众号文章链接 2 js 字符串方法替换 其中 src script http 等字段 3 重新设置 html 头部 4 动态创建 iframe 标签

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018年12月17日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Vue2封装axios,axios在Vue.cli中的使用
在src目录下新增一个目录utils,并新增一个js文件http.js,用以实现axios的封装
SingYi
2022/07/13
1.2K0
Vue2封装axios,axios在Vue.cli中的使用
学员投稿 | iframe 解决跨域
天气降温,大家注意保暖~~~ 因为学习了腾讯课堂NEXT学院的前端进阶课程,所以打算把课程内容都总结一遍。有些都是很普通很常见的知识,但是为了巩固自己的知识面,梳理自己的知识树,所以每个知识点都会写成文章,所有文章都会放在公众号右下角的前端进阶课程总结中~~~也希望能够帮助到需要的人~~ 跨域的东西, 简直不要接触太多,网上相关内容一抓一大把,但是突然学习到一个关于前端解决跨域的方式 就是 利用 iframe  不管你有没有了解过,反正我没有 我觉得很有用并且容易忘,所以我记录下来哈哈哈 下面
腾讯NEXT学位
2019/11/18
2.5K0
学员投稿 | iframe 解决跨域
nodejs微信公众号开发
网上关于node开发公众号的资料相当缺乏,本文旨在以node的视角对公众号开发做一个阐述。
一粒小麦
2019/08/06
6.4K4
文章自动同步微信公众号实践
本文来自 zhiyi 的个人博客实践,可以通过开放能力将其他平台的文章同步到微信公众号上。 整体思路 微信官方提供了素材管理的 API,通过 API 可以很方便地进行同步。在使用 API 之前需要进行鉴权,所以需要先获取 access token。微信公众号中不允许出现外域图片,因此需要把文章里的图片全部使用微信的图片上传接口处理后替换。此外,微信公众号支持 HTML 标签但是只支持内联样式,所以必须把外联样式全部转换为内联样式。 所以,同步到微信公众号的操作,需要按照以下步骤: 使用公众号的 appid
用户1097444
2022/06/29
1.5K0
文章自动同步微信公众号实践
浏览器常见面试题及答案实操续篇之深度解析与典型题型汇总
图片懒加载是前端性能优化的重要手段,以下是一个基于Intersection Observer API的懒加载组件封装实现:
小焱
2025/06/16
880
浏览器常见面试题及答案实操续篇之深度解析与典型题型汇总
uni-app 微信公众号内嵌H5 自定义分享开发踩坑
首次开发卡片式分享链接,过程中遇到许多坑, 终于完成了这个功能,记录的开发过程不一定符合你的需求,但如果你也是用uniapp开发,希望本篇能够帮助到你。
玖柒的小窝
2021/10/26
4.8K3
uni-app 微信公众号内嵌H5 自定义分享开发踩坑
Vue实现微信公众号授权登录
新建个文件wechatAuth.js 这个文件可以不用更改 const queryString = require('qs') // 应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid), // snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息) const SCOPES = ['snsapi_base', 'snsapi_userinfo'] class VueW
明知山
2022/05/05
2.6K0
从MVC到MVVM(为什么要用vue)
使用axios模拟后台请求与响应就是Mock,也有专门的Moc库例如: http://mockjs.com/
代码之风
2019/03/14
1.8K0
从MVC到MVVM(为什么要用vue)
axios的安装和使用
参数说明: -g:表示全局安装,将会安装在你配置的:C:\Users\XinLiu\nodejs\node_global目录下。如果不指定则为当前文件夹所在目录(局部);
全栈程序员站长
2022/11/03
3.2K0
微信公众号支付,JSAPI支付方法,ThinkPHP5+微信支付
总结:开发微信公众号,接入微信支付功能,附上微信支付API接口的实现逻辑图以及相关代码。JSAPI支付:是指在微信内置浏览器内调用微信支付模块支付,比如可用于微信公众号内的微信商城之类的。 首先得在微
用户5745385
2020/05/09
2.7K0
微信公众号支付,JSAPI支付方法,ThinkPHP5+微信支付
测试开发进阶(十九)
https://github.com/vuejs/vue-router/blob/dev/examples/nested-routes/app.js
zx钟
2019/09/24
3790
测试开发进阶(十九)
无需unionId实现公众号和小程序用户互通
Hi~ o( ̄▽ ̄)ブ, 我偷偷回来了,你还在吗?最近在搞公众号和小程序的开发,需要进行公众号和小程序的用户互通。网上搜、问人,都说需要公众平台绑定公众号和小程序,拿到unionId才能互通,但根据我自己的实践(瞎搞),发现无需unionId就能实现互通。
KEN DO EVERTHING
2021/09/02
4.6K3
无需unionId实现公众号和小程序用户互通
WEB 前端跨域解决方案
2.) 资源嵌入: <link> 、 <script> 、 <img/> 、 <frame> 等 dom 标签,还有样式中 background:url() 、 @font-face() 等文件外链
chuchur
2022/10/25
9970
微信公众号文章采集工具,可采集文章文字内容信息及图片
https://pan.baidu.com/s/1pCqptL6QwnP2eUeyAABnYA
二爷
2020/07/22
1.9K0
微信公众号文章采集工具,可采集文章文字内容信息及图片
Vue入门(三)——网络/综合应用
axios官网 功能强大的网络请求库。浏览器筛选:xhr: xmlHttpRequest,基于Ajax。
matt
2022/10/25
4730
Vue入门(三)——网络/综合应用
微信公众号H5支付遇到的那些坑
简史 官方文档说的很清楚,商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程。 当然,最近微信支付平台也加入了纯H5支付,也就是说用户可以在微信以外的手机浏览器请求微信支付的场景唤起微信支付。 当然,今天的主角是微信公众号支付,其实也不一定非在公众号中打开,只要在微信中打开就可以使用。 实现 项目使用的springboot微服务来实现,以下都是简单的伪代码实现,具体逻辑见码云。 Main 其实就是一个初始化下单操作,前台业务逻辑在这就不展示了,这个就是接收
小柒2012
2018/04/16
5.5K3
AI网络爬虫:批量下载微信公众号文章中的音频
https://mp.weixin.qq.com/s/Xcrrsq2AUBFlKWabhQjNag
AIGC部落
2024/06/24
3950
AI网络爬虫:批量下载微信公众号文章中的音频
在 JS 中如何使用 Ajax 来进行请求
github 地址:https://github.com/qq44924588...
前端小智@大迁世界
2020/12/07
10.2K0
JavaScript HTTP客户端库axios介绍
HTTP客户端是很多时候我们都需要用到的功能,今天就来介绍一个比较流行的JavaScript编写的HTTP客户端库axios。 安装 如果你会使用npm的话,可以使用npm来装,非常方便。 $ npm
乐百川
2018/01/09
2.3K0
JS跨域请求解决方案
同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS.CSFR等攻击。所谓同源是指”协议+域名+端口”三者相同,即便两个不同的域名指向同一个ip地址,也非同源。
码客说
2019/10/22
5.3K0
相关推荐
Vue2封装axios,axios在Vue.cli中的使用
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验