webview2浏览器 怎么在网页加载显示出来前隐藏，删除元素？

独倚斜阳

  

document.querySelector (" #app > div.container-lg.clearfix > div.container-sm.float-left.stock__main > div.ad-right-aside").remove ()   //广告"> img"
document.querySelector (" #app > div.nav__placeholder").remove ()  //顶部
document.querySelector (" #app > nav").remove ()  //顶部
document.querySelector (" #app > div.container-lg.clearfix > div.stock-links").remove () //左侧边栏
document.querySelector (" #app > div.container-lg.clearfix > div.container-sm.float-left.stock__main > div.stock-operate").remove () //自选按钮
document.querySelector (" #long -time").remove ()  //区间统计
document.querySelector (" #fullsize" ;).remove ()  //全屏按钮
document.querySelector (" #app > div.container-lg.clearfix > div.container-sm.float-left.stock__main > div.editor-container").remove ()  //登录后的输入框
document.querySelector (" #app > div.container-lg.clearfix > div.container-sm.float-left.stock__main > div.stock-timeline").remove ()  //输入框下面评论
document.querySelector (" #app > div.container-lg.clearfix > div.container-side-sm.float-right.stock__side").remove ()  //右侧框
document.querySelector (" #app > footer").remove ()  //底部

.版本 2<br /> <br /> document.querySelector("#app > div.container-lg.clearfix > div.container-sm.float-left.stock__main > div.ad-right-aside").remove()   //广告"> img"<br /> document.querySelector("#app > div.nav__placeholder").remove()  //顶部<br /> document.querySelector("#app > nav").remove()  //顶部<br /> document.querySelector("#app > div.container-lg.clearfix > div.stock-links").remove() //左侧边栏<br /> document.querySelector("#app > div.container-lg.clearfix > div.container-sm.float-left.stock__main > div.stock-operate").remove() //自选按钮<br /> document.querySelector("#long-time").remove()  //区间统计<br /> document.querySelector("#fullsize").remove()  //全屏按钮<br /> document.querySelector("#app > div.container-lg.clearfix > div.container-sm.float-left.stock__main > div.editor-container").remove()  //登录后的输入框<br /> document.querySelector("#app > div.container-lg.clearfix > div.container-sm.float-left.stock__main > div.stock-timeline").remove()  //输入框下面评论<br /> document.querySelector("#app > div.container-lg.clearfix > div.container-side-sm.float-right.stock__side").remove()  //右侧框<br /> document.querySelector("#app > footer").remove()  //底部

其实就是网页加载完毕后 执行js删除元素  或者 document.querySelector("#app > nav").style="display:none;"  隐藏元素

怎么才能让网页不显示这个隐藏或者删除的过程？不用浏览框可视=假 可视=真这种办法

精易web浏览器可以 停止渲染-加载网页-执行js填表-仔细完毕后在开始渲染  这样显示出来的网页就是删除或者隐藏元素后的

webview2 没找到对应功能 用的隐心的模块

参考“执行脚本。有个办法。用脚本插入一段css。用css来隐藏，css先写进去了”     不知道可行不？不知道怎么写

独倚斜阳

参考 https://cloud.tencent.com/develo ... /121276296/comments

夢夢夢

这是C代码么

独倚斜阳

夢夢夢 发表于 2023-5-27 04:38
这是C代码么

1楼那个是js代码  网页载入完毕后 执行
可以删除元素

2楼那个 是网上资料找到的css代码

但是我不知道怎么把1楼的删除元素 或者display:none 加到css那个脚本里面  调试就整个页面变成空白了

qq1056123185

有个命令“WebView2_添加拦截资源”，但是目前还没有个用起来顺手的WebView2模块~

空竹

qq1056123185 发表于 2023-5-27 07:39
有个命令“WebView2_添加拦截资源”，但是目前还没有个用起来顺手的WebView2模块~ ...

楼主要拦截的是网页元素~这个命令适用于拦截视频图片什么的。

FanLi

不太明白，具体是什么意思。

独倚斜阳

FanLi 发表于 2023-5-27 12:46
不太明白，具体是什么意思。

我是想要类似精易web浏览器的  停止渲染  开始渲染功能

你可以理解为 停止渲染后  那个浏览框大概等于保持原有显示内容不动并且禁止刷新
开始渲染后  就会把当前的内容刷新显示 大概等同于重绘 允许重画

webview2模块 没找到类似功能

如果直接加载网页 然后填表  会开始显示全部网页  然后加载完毕后 执行js隐藏元素  能看到这个动态变化

我不想让这个填表的过程显示出来  也不想单纯的用 可视=假 可视=真  去全部隐藏控件

独倚斜阳

解决了 隐心群里那个最后一个免费版 2.19
关键代码大概这样前面还有事件注册

拦截到浏览器请求返回后的html源代码，然后往源代码里面插入你自己要修改的css或者其他脚本 再把修改后的玩意儿返回给浏览器
就能在浏览器加载出来真正页面之前 直接执行 而不是都显示出来以后再去执行

可惜他免费版 win2012R的服务器用不了 封装有问题  论坛2个webview2  win2012服务器哪怕装了edge相关的都用不了  封装的问题  收费版可以用  其他语言写的webview也可以用在win2012
考虑后面直接把服务器升级到2018得了  这里代码备份下 原理我鼓捣出来就是这样

也可以考虑用sunny中间件 去拦截修改后 返回给浏览器

独倚斜阳

回头关，隐心这个最新版免费的模块2.19版   win2012 不行 win2016不行 都装过webview2的安装包  必须2019或者2022 或者其他

https://bbs.125.la/forum.php?mod ... =webview&page=1
这个可以2012 2016  也有拦截功能  但是鼓捣半天不知道咋写……悲催