收藏
回答

ios微信浏览器只支持iframe 的src属性是正常网址么?

<template>

<div>

213

<iframe

id="map"

scrolling="no"

frameborder="0"

style="

position: absolute;

top: 4px;

left: 210px;

right: 0px;

bottom: 10px;

"

>{{ text }}</iframe

>

</div>

</template>


<script>

export default {

data() {

return {

text: `<html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;><head><base href=&quot;http://192.168.3.139:1024/index.html&quot; />

<title>tij_oa</title>

<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; />

<link href=&quot;blob:http://192.168.3.139:1024/011ac8de-a008-430a-8a5e-3807618b275f&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; />

<link href=&quot;blob:http://192.168.3.139:1024/bd14b613-ad9f-4a96-b8cf-7038727bad6b&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; />

<link rel=&quot;canonical&quot; href=&quot;/index.html&quot; /><meta name=&quot;dc.identifier&quot; content=&quot;html&quot; /><meta name=&quot;dc.relation.ispartof&quot; content=&quot;128dce12-e987-448d-ac44-18660f370bc7&quot; /></head>

<body class=&quot;calibre&quot;>

<p class=&quot;calibre1&quot;>夏日绝句</p>

<p class=&quot;calibre1&quot;>宋代·李清照</p>

<p class=&quot;calibre1&quot;>生当作人杰,</p>

<p class=&quot;calibre1&quot;>死亦为鬼雄。</p>

<p class=&quot;calibre1&quot;>至今思项羽,</p>

<p class=&quot;calibre1&quot;>不肯过江东。</p>

<p class=&quot;softbreak&quot;> </p>

<p class=&quot;calibre2&quot;>译文</p>

<p class=&quot;calibre3&quot;>生时应当做人中豪杰,</p>

<p class=&quot;calibre3&quot;>死后也要做鬼中英雄。</p>

<p class=&quot;calibre3&quot;>到今天人们还在怀念项羽,</p>

<p class=&quot;calibre3&quot;>因为他不肯苟且偷生,退回江东。</p>

<p class=&quot;softbreak1&quot;> </p>

<p class=&quot;calibre2&quot;>注释</p>

<p class=&quot;calibre3&quot;>1.人杰:人中的豪杰。汉高祖曾称赞开国功臣张良、萧何、韩信是“人杰”。</p>

<p class=&quot;calibre3&quot;>2.鬼雄:鬼中的英雄。屈原《国殇》:“身既死兮神以灵,子魂魄兮为鬼雄。”</p>

<p class=&quot;calibre3&quot;>3.项羽:秦末时自立为西楚霸王,与刘邦争夺天下,在垓下之战中,兵败自杀。</p>

<p class=&quot;calibre3&quot;>4.江东:项羽当初随叔父项梁起兵的地方。</p>

<p class=&quot;softbreak1&quot;> </p>

<p class=&quot;calibre2&quot;>鉴赏</p>

<p class=&quot;calibre3&quot;>  李清照这首诗,手起笔落处,端正凝重,力透人胸臆,直指人脊骨。“生当作人杰,死亦为鬼雄”这不是几个字的精致组合,不是几个词的巧妙润色;是一种精髓的凝练,是一种气魄的承载,是一种所向无惧的人生姿态。那种凛然风骨,浩然正气,充斥天地之间,直令鬼神徒然变色。“当作”之所“亦为”,一个女子啊!纤弱无骨之手,娇柔无力之躯,演绎之柔美,绕指缠心,凄切入骨,细腻感人无以复加。透过她一贯的文笔风格,在她以“婉约派之宗”而著称文坛的光环映彻下。笔端劲力突起,笔锋刚劲显现时,这份刚韧之坚,气势之大,敢问世间须眉几人可以匹敌?“至今思项羽,不肯过江东。”女诗人追思那个叫项羽的楚霸枭雄,追随项羽的精神和气节,痛恨宋朝当权者苟且偷安的时政。都说退一步海阔天空。仅一河之遥,却是生死之界,仅一念之间,却是存亡之抉。项羽,为了无愧于英雄名节,无愧七尺男儿之身,无愧江东父老所托,以死相报。“不肯”!不是“不能”、不是“不想”、不是“不愿”、不是“不去”。一个“不肯”笔来神韵,强过鬼斧神工,高过天地造化。一种“可杀不可辱”、“死不惧而辱不受”的英雄豪气,漫染纸面,力透纸背,令人叫绝称奇而无复任何言语!</p>

<p class=&quot;calibre3&quot;>  这首诗起调高亢,鲜明地提出了人生的价值取向:人活着就要做人中的豪杰,为国家建功立业;死也要为国捐躯,成为鬼中的英雄。爱国激情,溢于言表,在当时确有振聋发聩的作用。南宋统治者不管百姓死活,只顾自己逃命;抛弃中原河山,苟且偷生。因此,诗人想起了项羽。项羽突围到乌江,乌江亭长劝他急速渡江,回到江东,重整旗鼓。项羽自己觉得无脸见江东父老,便回身苦战,杀死敌兵数百,然后自刎。诗人鞭挞南宋当权派的无耻行径,借古讽今,正气凛然。全诗仅二十个字,连用了三个典故,但无堆砌之弊,因为这都是诗人的心声。如此慷慨雄健、掷地有声的诗篇,出自女性之手,实在是压倒须眉了。</p>

<p class=&quot;softbreak1&quot;> </p>

<p class=&quot;calibre2&quot;>创作背景</p>

<p class=&quot;calibre3&quot;>  靖康二年(1127),金兵入侵中原,砸烂宋王朝的琼楼玉苑,掳走徽、钦二帝,赵宋王朝被迫南逃。后来,李清照之夫赵明诚出任建康知府。一天夜里,城中爆发叛乱,赵明诚不思平叛,反而临阵脱逃。李清照为国为夫感到耻辱,在路过乌江时,有感于项羽的悲壮,创作此诗,同时也有暗讽南宋王朝和自己丈夫之意。</p>

<p class=&quot;softbreak1&quot;> </p>

<p class=&quot;calibre2&quot;>诗人简介</p>

<p class=&quot;calibre3&quot;>  李清照(1084年3月13日~1155年5月12日)号易安居士,汉族,山东省济南章丘人。宋代(南北宋之交)女词人,婉约词派代表,有“千古第一才女”之称。所作词,前期多写其悠闲生活,后期多悲叹身世,情调感伤。形式上善用白描手法,自辟途径,语言清丽。论词强调协律,崇尚典雅,提出词“别是一家”之说,反对以作诗文之法作词。能诗,留存不多,部分篇章感时咏史,情辞慷慨,与其词风不同。有《易安居士文集》《易安词》,已散佚。后人有《漱玉词》辑本。今有《李清照集校注》。</p>



</body></html>`,

};

},

methods: {

changeMapIframe() {

const map = document.getElementById("map");

const deviceWidth = document.body.clientWidth;

const deviceHeight = document.body.clientHeight;

map.style.width = Number(deviceWidth) - 240 + "px"; //数字是页面布局宽度差值

map.style.height = Number(deviceHeight) + 764 + "px"; //数字是页面布局高度差

map.contentDocument.write(this.text);

},

},

mounted() {

console.log(123);


this.changeMapIframe();


window.onresize = function () {

this.changeMapIframe();

};

},

};

</script>


vue2项目,ios微信跟qq浏览器空白,安卓跟ios其它浏览器正常展示

最后一次编辑于  2023-12-04
回答关注问题邀请回答
收藏

3 个回答

  • Demons
    Demons
    2023-12-02

    报错什么

    2023-12-02
    有用
    回复 3
    • LK
      LK
      2023-12-02
      开发者工具正常展示,真机不行,安卓没问题
      2023-12-02
      回复
    • LK
      LK
      2023-12-02
      换成正常网址可以展示
      2023-12-02
      回复
    • LK
      LK
      2023-12-02
      ios真机不行
      2023-12-02
      回复
  • LK
    LK
    2023-12-02

    不好意思,是ios真机不行,其它正常

    2023-12-02
    有用
    回复
  • Jianbo
    Jianbo
    2023-12-02

    在微信开发工具里打开链接,看看报错什么?

    2023-12-02
    有用
    回复 3
    • LK
      LK
      2023-12-02
      开发者工具正常展示,真机不行,安卓没问题
      2023-12-02
      回复
    • LK
      LK
      2023-12-02回复LK
      换成正常网址可以展示
      2023-12-02
      回复
    • LK
      LK
      2023-12-02
      ios真机不行
      2023-12-02
      回复
登录 后发表内容