鸿蒙实战开发：【浏览器制作】

最新推荐文章于 2025-01-08 13:54:28 发布
最新推荐文章于 2025-01-08 13:54:28 发布
阅读量567 收藏 5
点赞数 4
分类专栏： 鸿蒙开发 文章标签： harmonyos 华为 程序员 前端 openharmony 鸿蒙开发 鸿蒙
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62167422/article/details/136849176
版权
本文介绍了如何在基于Ohos的系统中使用Web组件创建一个具有基本功能的浏览器，包括加载网页、前进后退操作，以及历史页面管理。示例代码展示了如何使用WebController和相关类来实现这些功能，并提到了一些限制和依赖条件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

浏览器

介绍

本示例使用[@ohos.systemparameter]接口和[Web组件]展示了一个浏览器的基本功能,展示网页，根据页面历史栈前进回退等。

效果预览

首页 打开网址

使用说明:

  1. 连接Wifi，启动应用，展示默认页面内容;
  2. 点击默认页面的图标跳转到对应网页，或者在输入框输入网址，点击右侧跳转按钮跳转到对应网页;
  3. 点击输入框左侧向右向左按钮进行页面的前进后退;
  4. 点击主页图标回到主页，点击加号按钮新建一个页面。

工程目录

entry/src/main/ets/
|---Application
|   |---AbilityStage.ets                        // 入口
|---pages
|   |---Index.ets                               // 首页
|---common
|   |---PhoneLayout.ets                         // 窗口管理工具
|   |---TitleBar.ets                            // 导航栏
|---model
|   |---Logger.ts                               // 日志工具
|   |---Browser.ets                             // 浏览器实例

具体实现

  • Web展示与历史栈操作功能在Browser中，源码参考[Browser.ets]
/*

 * Copyright (c) 2022 Huawei Device Co., Ltd.

 * Licensed under the Apache License, Version 2.0 (the "Licen
最低0.47元/天 解锁文章
鸿蒙harmony加载url使用Intent调用系统浏览器
gsrkuang的博客
08-10 1996
在WebView调试的时候，有些链接是打不开的，比如wexin，alipay等等，所以这些链接需要打开的话可以使用外部浏览器来打开，不过没有使用官网文档的Intent的Action参数，而是使用下面的"android.intent.action.VIEW"来打开。 //弹出系统浏览器 Intent intent2 = new Intent(); Operation operation =
Harmony鸿蒙实战开发-浏览器app【源码在文末】
m0_63324772的博客
07-18 1413
Harmony鸿蒙实战开发-🐶浏览器app【源码在文末】
鸿蒙应用开发之跳转系统浏览器打开链接
小洋人最happy的专栏
01-31 2103
【代码】鸿蒙应用开发之跳转系统浏览器打开链接。
50.HarmonyOS鸿蒙系统 App(ArkUI)web组件实现简易浏览器
Txwtech笛克特科
04-18 597
50.HarmonyOS鸿蒙系统 App(ArkUI)web组件开发简易浏览器。
鸿蒙开发-web-页面
中年程序员
04-01 2007
上文学习了鸿蒙开发web相关的知识，了解web组件的基本概念，以及加载页面的三种方式，同时也学习了web组件的的基本属性和事件，本文将学习web的其他知识。Web组件支持在应用拦截到页面请求后自定义响应请求。通过接口来实现自定义资源请求响应。用于开发者自定义Web页面响应、自定义文件资源响应等场景。Web网页上发起资源加载请求，应用层收到资源请求消息。应用层构造本地资源响应消息发送给Web内核。Web内核解析应用层响应信息，根据此响应信息进行页面资源加载前端页面<html><head></head>
鸿蒙Webview动画与交互动效：创意制作与实现指南
[鸿蒙Webview动画与交互动效：创意制作与实现指南](https://assets-global.website-files.com/5e6b63ac3b6e2522d1889f4a/63b574ebef6aaf1e29f7b694_top9gameassetsites9.jpg) # 摘要 随着鸿蒙系统的发展，Webview...
鸿蒙 HarmonyOS NEXT星河版UI开发全攻略：打造完美界面
[鸿蒙 HarmonyOS NEXT星河版UI开发全攻略：打造完美界面](https://www.huaweicentral.com/wp-content/uploads/2021/06/huawei-harmonyos-brand-img-1-1000x600.jpg) # 摘要 HarmonyOS NEXT星河版的推出为开发人员...
鸿蒙Webview自定义组件开发秘籍：流程与实践
本文旨在深入探讨鸿蒙Webview自定义组件的开发与优化。首先，文章概述了鸿蒙系统架构的设计理念及其分布式特性，并介绍了Webview技术的基础知识。在此基础上，详细阐述了自定义组件的设计原则、开发流程、环境配置...
【愚公系列】《AIGC辅助软件开发》038-高阶产品应用开发：利用UE创建数字人
时光隧道
08-11 4万+
随着数字化时代的到来，虚拟角色和数字人逐渐成为各个行业中不可或缺的元素。从游戏开发到影视制作，再到虚拟现实和增强现实应用，数字人不仅丰富了用户体验，也为品牌传播和互动提供了新的可能性。而在这其中，虚幻引擎（Unreal Engine，简称UE）以其强大的实时渲染能力和灵活的开发环境，成为创建数字人的首选工具。本文将深入探讨如何利用UE进行高阶产品应用开发，特别是创建逼真的数字人。我们将详细介绍数字人的设计流程，包括角色建模、动画制作、表情捕捉以及与用户的交互实现。
【愚公系列】2023年12月 HarmonyOS教学课程 054-Web组件（基本使用和属性）
热门推荐
时光隧道
12-25 8万+
Web是一种基于互联网的技术和资源的网络服务系统。它是指由许多互连的计算机组成的全球性计算机网络，使用户能够通过浏览器访问和交互式使用各种信息和资源，如网页、文档、图片、视频、音频等。通过Web，用户可以浏览网页、发送电子邮件、参与在线社交网络、进行在线购物等各种活动。Web的核心技术包括超文本传输协议（HTTP），超文本标记语言（HTML）和统一资源定位器（URL）。HarmonyOS中的Web组件是一种基于Web技术的组件，可以在HarmonyOS应用程序中嵌入Web内容。
鸿蒙HarmonyOS实战-Web组件（页面跳转和浏览记录）_鸿蒙跳转浏览器
weixin_58085973的博客
04-11 1357
页面跳转是指在浏览器中从当前页面跳转到另一个页面的操作。可以通过点击链接、输入网址、提交表单等方式实现页面跳转。浏览记录是指记录用户在浏览器中浏览过的页面的历史记录。当用户跳转到一个新页面时，该页面会被加入浏览记录中，用户可以通过浏览器的后退按钮或者浏览历史列表来查看和访问之前浏览过的页面。浏览器通常提供了前进和后退按钮来实现页面的跳转操作，用户可以通过点击这些按钮来在浏览记录中切换页面。另外，还可以通过浏览历史列表来查看和访问之前浏览过的页面，也可以通过在地址栏中直接输入网址来实现页面跳转。
鸿蒙原生应用如何才能拉起系统浏览器？
最新发布
夏天的博客
01-08 646
订购链接：https://item.jd.com/10134604131101.html?开发者可以通过隐式指定want参数中的action为ohos.want.action.viewData来拉起浏览器应用，并在want参数中的uri配置拉起后打开的网页链接。具体可参考如下代码。
鸿蒙一次开发，多端部署（十一）设置应用页面
1
03-22 1362
激活中的，可以加载及显示。激活中的，可以加载及显示。Navigation组件支持自动切换单栏和双栏的显示效果，同时可以根据当前状态自动添加返回键及响应系统的返回键事件。借助Navigation组件，开发者不用关心单栏和双栏场景的差异而更关注于应用本身，极大的减少开发工作量及提高开发效率。基本概念构建第一个ArkTS应用……应用基础知识配置文件应用数据管理应用安全管理应用隐私保护三方应用调用管控机制资源分类与访问学习ArkTS语言……Ability开发。
HarmonyOS 应用开发之使用隐式Want打开网址
maniuT的博客
03-29 804
以打开浏览器为例，假设设备上安装了一个或多个浏览器应用。当存在多个匹配的应用时，系统将弹出应用选择框供用户选择。示意效果如下图所示。在调用方UIAbility中，使用隐式Want方式启动浏览器应用。4.鸿蒙开发系统底层方向。1.项目开发必备面试题。5.鸿蒙音视频开发方向。6.鸿蒙车载开发方向。7.鸿蒙南向开发方向。
鸿蒙HarmonyOS实战-Web组件（页面跳转和浏览记录）_鸿蒙跳转浏览器(2)
weixin_58085973的博客
04-11 1124
router.pushUrl({ url:url.substring(9) }) return true; } return false; }) } } }2、前端页面代码3、ProfilePage.ets@Entry @Component struct ProfilePage { @State message: string = ‘Hello World’;build() { Column() { Text(this.message) .fontSize(20) } } }跨应用跳转是指从一个应用程序跳转
【鸿蒙实战开发】混合开发-web组件入门和实战
HarmonyOSMN的博客
07-14 1641
/ 网页是否在加载中// 网页加载进度// 当前访问页面历史记录索引@BuilderRow() {.width(18)// 刷新网页}).width(50)test 方法，获取网页调用后传参select 方法，选择原生相册，获取选择图片结果显示到网页中// 测试方法// 选择相册// 2\. JSBridge代理// 参数 1：注入应用侧JavaScript对象// 参数 2：注入对象的名称，与window中调用的对象名一致。
HarmonyOS应用开发实战—开箱即用的应用首页页面【ArkTS】
一键难忘的博客
12-19 2222
HarmonyOS应用开发实战—开箱即用的应用首页页面【ArkTS】【鸿蒙专栏-34】 HarmonyOS（鸿蒙操作系统）是华为公司推出的一种分布式操作系统。它被设计为一种全场景、全连接的操作系统，旨在实现在各种设备之间的无缝协同和共享，包括智能手机、平板电脑、智能穿戴、智能家居、车载系统等。HarmonyOS的目标是构建一个统一的、开放的、全场景的操作系统生态系统。
【鸿蒙开发】 使用ArkWeb组件加载H5页面
m0_56255097的博客
04-10 3736
相当于iOS/Android中的WebView控件，给个url就可以展示H5页面。我也是带着这些问题去学习使用ArkWeb的。
鸿蒙HarmonyOS开发资料：环境配置与编程规范
标题中提到的“鸿蒙（HarmonyOS）系统的开发资料”揭示了文档涉及的主题是关于华为鸿蒙操作系统的开发。鸿蒙系统是华为开发的操作系统，旨在为多种设备提供统一的平台体验，包括智能手机、平板电脑、智能手表、智...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值