JS:
$.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;
}
});
var link = "微信公眾號平台鏈接";
$.get(
link,
function (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);
}
);
body: <iframe width="750" height="500" src=""></iframe>
原理:cors-anywhere.herokuapp.com是一個服務端API,可以將跨域的原始請求發送到任何地方,我們通過這個方法可以獲取跨域頁面的HTML內容,並拼成string,用$.get方法返回這個string , 我們匹配里面所有的date-src並替換成src,然后把處理完的string放到iframe的src里,在瀏覽器解析的時候會自動將src內的內容解析成HTML頁面
//備注：如果微信公眾號里有視頻目前還在研究顯示方案，圖片和文字均可顯示，如果有解決視頻顯示問題的小伙伴歡迎留言~