iframe标签内，显示第三方网页的时候，如何进行一些显示内容的变更操作

[Yukito.]

现在前台是vue，想法是，iframe设置的url是第三方网页的网址，经过后台处理，需要替换网页上的一些显示信息。现在用的方法是保存到本地HTML，在编辑HTML里面的东西达到效果，但是编辑后有很多标签JS不能正常显示。现在想问一下，有没有办法可以不保存到本地，我直接类似浏览器后台改他DIV块，来达到我想要的显示效果？

[lockmemory]

是不是回调函数出了的返回结果不是你想要的？ "我直接类似浏览器后台改他DIV块，来达到我想要的显示效果？" 什么意思？没看懂。 微信扫码是不用保存到本地的。呵呵

[我爱小仙女]

是想在自己vue项目里修改第三方页面的DOM么？ 直接用js实现不了的吧，这跨域问题没法解决啊，不过感觉可以使用puppeteer来实现。 前端调用接口（传三方页面参数） -> puppeteer获取该页面内容，并修改内容 -> 返回修改后的内容，前端进行渲染

[Yukito.]

引用 2 楼 我爱小仙女 的回复:

是想在自己vue项目里修改第三方页面的DOM么？
直接用js实现不了的吧，这跨域问题没法解决啊，不过感觉可以使用puppeteer来实现。
前端调用接口（传三方页面参数） -> puppeteer获取该页面内容，并修改内容 -> 返回修改后的内容，前端进行渲染

看了一下puppeteer的资料，虽然可以抓取网页成截图或者html文件，但是如果第三方网页中含有自己的js样式链接，图片之类，只抓取html部分的话，相关的一些标签显示内容会有问题，类似百度翻译中，如果输入网址www.163.com，翻译后网页闪一下就没了这个现象。需要手动识别DOM内标签仿照浏览器保存网页一样抓取吗 之前我试验了一下，浏览器内保存后的网页，直接用iframe显示的时候好像也是有一些问题

[m0_62209284]

请问这个问题解决了吗