使用 html5 postMessage 实现跨域

简介: 英文原文中文翻译因为web的安全机制,浏览器的同源策略。在不同域之间做数据交换就会涉及到跨域。A域如果要实现向B域发关消息,多多少少要有对B域有一定控制权,最起码人家B域要接收你的消息啊。最近发现几个内容不错、结构固定、定时更新的网站,于是想在浏览这些内容的同时,直接转到我的博客里来。

英文原文
中文翻译

因为web的安全机制,浏览器的同源策略。在不同域之间做数据交换就会涉及到跨域。A域如果要实现向B域发关消息,多多少少要有对B域有一定控制权,最起码人家B域要接收你的消息啊。

最近发现几个内容不错、结构固定、定时更新的网站,于是想在浏览这些内容的同时,直接转到我的博客里来。但因为一来要调整部分内容,二来对方站不让爬(我的爬虫技巧也是很一般)。就想着写个油猴子脚本把内容发到我的网站上。

很快我就写好了接收接口,接下来就是跨域发送消息了。我第一个想到的就是iframe的方式。当然也只有这种方式 ,websql、localStorage、seesionStorage这些都受限于同源策略,jsonp因为url参数不宜过长的原因,传不了太多的数据。而postMessage正是iframe的加强版。

未完待续... ...

参考文档

同域限制和window.postMessage方法

相关文章
|
负载均衡 前端开发 JavaScript
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
598 1
|
移动开发 安全 JavaScript
html5使用postMessage解决跨域和跨窗口消息传递的解决方案
html5使用postMessage解决跨域和跨窗口消息传递的解决方案
377 0
|
移动开发 HTML5
html5跨域通讯之postMessage的用法
转自:http://www.cnblogs.com/wshiqtb/p/3171199.html postMessagePortal.html 页面代码 标题 var targetOrigin = "http://22527.
1224 0
|
移动开发 Java C#
.NET与JSP页面之间消息通讯(跨域,使用html5的postMessage实现)
最近.NET项目上使用JAVA项目中的jsp页面,使用到跨域的信息交互。 jsp端代码,通过监听来自.
1131 0
|
Web App开发 移动开发 API
HTML5 window/iframe跨域传递消息 API
原文地址:HTML5′s window.postMessage API 在线示例:Using HTML5's window.postMessage(请打开控制台看日志) 原文日期: 2010年09月03日 翻译日期: 2013年08月24日 我写了一个 MooTools 的插件"PostMessager"来封装window.postMessage,你可以点击这里下载! HTML5 的  window.postMessage 接口API 还没有多少人了解。
1031 0
|
Web App开发 安全 前端开发
HTML5安全:CORS(跨域资源共享)简介
原文地址:http://blog.csdn.net/hfahe/article/details/7730944           前言:像CORS对于现代前端这么重要的技术在国内基本上居然很少有人使用和提及,在百度或者Google上搜索CORS,搜到的中文文章基本都是另外一种卫星定位技术CORS的介绍,让我等前端同学情何以堪(对比起来,用Google搜到的国外文章,基本都是跨域资源共享的介绍,说明了前端技术在国内外环境和发展的巨大差距)。
1518 0
|
6月前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。

热门文章

最新文章