火山视窗CEF浏览器实现简单的网页填表

本源码转载自利快云https://www.lkuaiy.com/

 

 

火山视窗CEF浏览器实现简单的网页填表

 

一、准备工作

首先肯定要配置web浏览器模块，配置后才能使用cef浏览器。

 

然后简单的设计一个界面。

 

 

最后保存布局后，设置cef浏览器的地址为百度首页。

 

 

二、CEF网页填表隐藏显示元素

想要实现隐藏元素就需要执行JavaScript脚本去操作，如果不懂JavaScript相关知识只能去百度搜索相关JavaScript课程去学习了解。

在网页每一个htm标签都可以称为一个元素，在这个元素中会有一个名叫id的属性，接下来就通过这个id属性来操作实现隐藏和显示网页元素。

如下图所示：

 

隐藏网页元素的js代码：

document.getElementById("元素ID ").style.display="none";

 

显示网页元素的js代码：

document.getElementById("元素ID ").style.display="block";

 

以上两段代码可以看到只是结尾的值不同，因此在火山中可以搞一个逻辑值，利用选择方法来动态的修改这个值。

代码编写如下图，注意在写代码的时候，网页中的引号在火山中需要转义符\"来表示。

 

 

打开浏览器的开发者模式（f12），定位到搜索框源码位置，找到搜索框的id属性，复制属性值。

 

 

 

然后在火山中按钮点击后编写下面的代码，动态的显示和隐藏搜索框。

 

按钮点击后搜索框会消失。

 

 

 

 

三、CEF网页填表写文本

想要在网页中的编辑框中写文本，同样也需要执行JavaScript代码，同样也需要通过元素id来操作。

 

代码如下：

document.getElementById("元素ID").value="要写入的内容";

 

在火山中编写的时候同样要注意引号转义的问题。

 

按钮点击后调用封装好的方法填写即可。

 

 

点击按钮后就会进行网页填表操作。

 

 

 

例子下载