大致步驟分為兩步：
1.跨域獲取微信html內容,替換data-src為src
參考：http://stackoverflow.com/questions/15005500/loading-cross-domain-html-page-with-ajax
引用：https://github.com/Rob--W/cors-anywhere/
2.通過data src注入iframe:$("iframe").attr("src" , wx_html_content);
參考：http://www.tuicool.com/articles/emy2Qjy
代碼如下：
$.ajaxPrefilter(
function
(options) {
if
(options.crossDomain && jQuery.support.cors) {
var
http = (window.location.protocol ===
'http:'
?
'http:'
:
'https:'
);
options.url = http +
'//cors-anywhere.herokuapp.com/'
+ options.url;
//options.url = "http://cors.corsproxy.io/url=" + options.url;
}
});
var
share_link=
"http://mp.weixin.qq.com/s?__biz=MjM5MTQzNzU2NA==&mid=2651645171&idx=1&sn=be00a69de9072abd9d107c7f8f5b9206&chksm=bd4dc3608a3a4a76f423d78c10c978099ac67a98baaa6047017ed42c49d614219491f33ee4d7&scene=0#rd"
;//微信文章地址
$.get(
share_link,
function
(response) {
console.log(
"> "
, response);
var
html = response;
html=html.replace(/data-src/g,
"src"
);
var
html_src =
'data:text/html;charset=utf-8,'
+ html;
$(
"iframe"
).attr(
"src"
, html_src);
});
親測有效