zoukankan      html  css  js  c++  java
  • 用iframe嵌入了一个微信公众号平台文章的URL

    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页面

    //备注:如果微信公众号里有视频目前还在研究显示方案,图片和文字均可显示,如果有解决视频显示问题的小伙伴欢迎留言~

  • 相关阅读:
    log4c demo
    c连接redis
    1108. IP 地址无效化
    1295. 统计位数为偶数的数字
    LCP 1. 猜数字
    1281. 整数的各位积和之差
    1313. 解压缩编码列表
    仿射变换及其变换矩阵的理解
    RNN 与 LSTM 的原理详解
    网络深度对深度学习模型性能有什么影响?
  • 原文地址:https://www.cnblogs.com/lj8023/p/9449117.html
Copyright © 2011-2022 走看看