0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

如何在VB.NET中创建简单的Web浏览器应用程序

454398 来源:网络整理 作者:网络整理 2019-12-12 09:36 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

步骤1:创建项目

如何在VB.NET中创建简单的Web浏览器应用程序

创建一个新的Windows窗体项目,并将其称为Web浏览器。调整窗体的大小以适应您的喜好。

步骤2:添加控件并更改属性

从工具箱,将TextBox,WebBrowser和A Button拖到窗体上。像放置在图片中一样放置它们。然后,编辑TextBox和WebBrowser的 Anchor 属性,以便选中灰色方形周围的所有框(在编辑anchor属性时显示),这将允许控件在出现时“拉伸”窗体被调整大小。对Button进行相同的操作,但仅将其设置为“ Top,Right”。

还将Form1的 Text 属性更改为Web Browser,或类似的操作来更改标题栏。 》

步骤3:代码!

双击Button1,然后将以下代码添加到编辑器中的“ Private Sub”之后行和“结束子”行之前

WebBrowser1.Navigate(TextBox1.Text)此代码仅告诉程序:

当有人单击 Button1 时,获取 WebBrowser 到 Navigate 导航至 TextBox1

中的所有内容!您具有运行正常的Web浏览器。单击播放按钮进行测试。

第4步:更多内容

现在,您不认为我只是想给您只需要一行代码-是吗?

在接下来的几个步骤中,我们将实现以下内容:

随着页面的变化而变化的地址栏

返回,前进和刷新按钮

状态栏。

步骤5:地址栏

目前,所有地址栏的作用是显示您键入的页面,如果单击链接,则更改不会反映在地址栏中。要解决此问题,我们需要添加更多代码

回到设计视图,单击“ Form 1.vb(设计)”,然后双击WebBrowser控件。它将切换回代码视图,但是那里将有更多代码,请注意它显示为“ WebBrowser1_DocumentCompleted”,这是我们想要的代码,因此我们无需在此处进行任何更改,但是有一个空白在End Sub语句之前的那一行下面,我们要在其中添加一些代码。在其中输入以下内容

TextBox1.Text = WebBrowser1.Url.ToString

,这告诉程序一旦 WebBrowser1_DocumentCompleted ,我们应将 TextBox1.Text 更改为 WebBrowser1 .URL 。之所以有ToString,是因为默认情况下,Web浏览器的URL属性与我们的文本框所需的数据类型(字符串)不同。 ToString将URL写入TextBox的字符串。

第6步:操作按钮

切换回设计视图,并将3个新按钮拖动到表单上并放置它们。更改每个的Text属性:Button2 =后退,Button3 =前进,Button4 =刷新。如果将它们放置得像我的一样,则将“刷新”的锚点属性调整为“顶部”,“右键”

双击“后退”按钮,然后键入以下代码。

WebBrowser1.GoBack()返回设计,双击“前进”并键入

WebBrowser1.GoForward()

“设计”视图,然后双击以刷新。

WebBrowser1.Refresh()

测试浏览器,然后尝试新功能。

步骤7:状态栏

回到设计视图,添加标签,将“文本”更改为“正在加载。..”(不带引号)

现在,单击Form1.vb选项卡进入代码视图。找到WebBrowser1_DocumentCompleted条目,然后在您之前放置的代码下方键入

Label1.Text = “Done”

现在,单击上方代码显示DocumentCompleted的位置。将鼠标移至两个下拉框所在的位置。选择第二个(表示DocumentCompleted的那个),然后选择“导航”。然后,将出现一些新代码-键入

Label1.Text = “Loading”,这只会在页面加载时提供指示。

此外,您可能需要设置标签的anchor属性。

步骤8:完成!

就可以了。您有一个功能齐全的Web浏览器。继续根据需要对其进行自定义。我为完成此说明的人员准备了一些作业。

实施以下操作:

home函数

在加载页面时将“刷新”按钮更改为“停止”按钮。

我希望这些项目向您展示了编程的简易性!

第9步:解决方案

对于那些完成了我的第一个VB培训的人-我有我最后设置的作业的解决方案。

更改背景颜色

这很简单-将Form1的BackColour属性更改为其他颜色

添加一些版权信息

更改了text属性的新标签将起到作用

使用Image更改表单大小

将AutoSize更改为True,将AutoSizeMode更改为GrowAndShrink

完成!

仍然要来:我将创建更多VB.NET Instructable。保持编码!
责任编辑:wv

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • net
    net
    +关注

    关注

    0

    文章

    127

    浏览量

    56980
  • Web浏览器
    +关注

    关注

    0

    文章

    14

    浏览量

    9505
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    Microsoft Edge浏览器iOS端插件功能上线

    在最新发布的 139 版本,Microsoft Edge 浏览器 iOS 端正式支持插件功能!与此同时,Microsoft Edge 安卓端的插件数量已跃升至近 30 款。广告拦截、双语翻译、资源下载……你的手机浏览器,也能拥
    的头像 发表于 08-19 14:29 1400次阅读

    老电视如何安装浏览器

    2017年购买的夏普老电视,1.5G+8G存储,网上下的浏览器APK文件在电视内打开就弹出“解析程序包出现问题”。 未知来源选项已打开,存储空间清空到只剩下三个应用(只占用300M左右),基本可
    发表于 06-01 18:57

    在PLC创建基于Web的人机界面可视化

    进行维护操作期间。传统的 HMI 交互方式往往需要人员亲临现场,极为不便。针对此类场景,西门子在所有 1500 系列 PLC 中集成了 Web 服务,支持远程交互。通过“View Of Things”(物联视图)功能,用户可直接在 PLC 内部
    的头像 发表于 05-06 10:00 3661次阅读
    在PLC<b class='flag-5'>中</b><b class='flag-5'>创建</b>基于<b class='flag-5'>Web</b>的人机界面可视化

    edge浏览器识别 latex语法插件

    默认的浏览器是没有latex识别功能的,容易显示为乱码或者源码,无法正常识别。本插件需要在浏览器的扩展程序菜单下安装,能在edge下完美运行。本插件是免费插件。
    发表于 03-17 18:03 1次下载

    「极速探索HarmonyOS NEXT 」阅读体验】+Web组件

    web web应用是基于 Web技术(如HTML、CSS、JavaScript),构建在浏览器运行的应用,亦称为前端开发。从用户视角来看,
    发表于 03-10 10:39

    AWTK-WEB 快速入门(6) - JS WebSocket 应用程序

    WebSocket可以实现双向通信,适合实时通信场景。本文介绍一下使用Javacript语言开发AWTK-WEB应用程序,并用WebSocket与服务通讯。用AWTKDesigner新建一个应用程
    的头像 发表于 02-26 11:42 634次阅读
    AWTK-<b class='flag-5'>WEB</b> 快速入门(6) - JS WebSocket <b class='flag-5'>应用程序</b>

    AWTK-WEB 快速入门(5) - C 语言 WebSocket 应用程序

    导读WebSocket可以实现双向通信,适合实时通信场景。本文介绍一下使用C语言开发AWTK-WEB应用程序,并用WebSocket与服务通讯。用AWTKDesigner新建一个应用程序
    的头像 发表于 02-19 11:49 892次阅读
    AWTK-<b class='flag-5'>WEB</b> 快速入门(5) - C 语言 WebSocket <b class='flag-5'>应用程序</b>

    AWTK-WEB 快速入门(4) - JS Http 应用程序

    导读XMLHttpRequest改变了Web应用程序与服务交换数据的方式,fetch是其继任者。本文介绍一下如何使用JS语言开发AWTK-WEB
    的头像 发表于 01-22 11:31 725次阅读
    AWTK-<b class='flag-5'>WEB</b> 快速入门(4) - JS Http <b class='flag-5'>应用程序</b>

    E2000 Speedometer测试浏览器性能

    E2000 Speedometer****测试浏览器性能 Version:V1.0 日期:2024-12-5 1、浏览器基准测试Speedometer Speedometer是一款专为Web
    发表于 01-10 21:33

    华为云 Flexus 云服务 X 实例之 openEuler 系统下部署 SQLite 数据库浏览器 sqlite-web

    的资源调度能力和全面的安全保障体系,Flexus 云服务 X 实例已成为众多中小企业和开发者青睐的选择。本文将详细介绍如何在华为云 Flexus 云服务 X 实例上部署基于 openEuler 操作系统的 SQLite 数据
    的头像 发表于 01-08 11:42 973次阅读
    华为云 Flexus 云服务<b class='flag-5'>器</b> X 实例之 openEuler 系统下部署 SQLite 数据库<b class='flag-5'>浏览器</b> sqlite-<b class='flag-5'>web</b>

    TMETRIC:简单步骤将工作区连接到时间跟踪应用程序

    将计时按钮添加到组合门票 完成这三个简单步骤以在 Assembla 启用时间跟踪。设置时间不超过 3 分钟。 注册 TMetric 具有高级计费和报告功能的时间跟踪应用程序 安装
    的头像 发表于 01-07 09:23 655次阅读
    TMETRIC:<b class='flag-5'>简单</b>步骤将工作区连接到时间跟踪<b class='flag-5'>应用程序</b>

    Todoist一键时间跟踪

    的步骤,在Todoist启用时间跟踪。 设置时间不超过 3 分钟。 添加注册 TMetric 具有高级计费和报告功能的时间跟踪应用程序 安装浏览器扩展 TMetric 的浏览器插件,
    的头像 发表于 01-03 11:08 749次阅读
    Todoist一键时间跟踪

    2024年12月浏览器市场份额报告:谷歌Chrome稳居榜首

    根据市场调查机构Statcounter最新发布的权威报告,2024年12月全球浏览器市场份额排行榜,谷歌Chrome浏览器再次以卓越的表现稳居首位。数据显示,Chrome的市场占有率高达68.38
    的头像 发表于 01-02 14:58 3219次阅读

    讯飞星火浏览器插件全新升级

    时刻陪伴,星火插件让你的浏览器变成真正的生产力工具。
    的头像 发表于 12-25 09:48 1740次阅读

    Chrome浏览器优化Android性能,骁龙8至尊版表现突出

    版Chrome浏览器浏览器基准测试Speedometer 2.1的得分显著提升,整体性能也实现了大幅提升。这一改进使得Android设备在浏览网页时能够拥有更加流畅和高效的体验。
    的头像 发表于 12-13 14:44 1711次阅读