鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：Web）上篇

最新推荐文章于 2024-07-23 15:29:01 发布
最新推荐文章于 2024-07-23 15:29:01 发布
阅读量638 收藏 15
点赞数 17
分类专栏： 2024年程序员学习 文章标签： harmonyos 前端 华为
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84185556/article/details/137805311
版权

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img

img
img
htt

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）
img

正文

.domStorageAccess(true)
}
}
}

fileAccess

fileAccess(fileAccess: boolean)

设置是否开启应用中文件系统的访问，默认启用。$rawfile(filepath/filename)")中rawfile路径的文件不受该属性影响而限制访问。

参数：

参数名参数类型必填默认值参数描述
fileAccessboolean是true设置是否开启应用中文件系统的访问，默认启用。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.fileAccess(true)
}
}
}

imageAccess

imageAccess(imageAccess: boolean)

设置是否允许自动加载图片资源，默认允许。

参数：

参数名参数类型必填默认值参数描述
imageAccessboolean是true设置是否允许自动加载图片资源。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.imageAccess(true)
}
}
}

javaScriptProxy

javaScriptProxy(javaScriptProxy: { object: object, name: string, methodList: Array, controller: WebviewController | WebController})

注入JavaScript对象到window对象中，并在window对象中调用该对象的方法。所有参数不支持更新。此接口只支持注册一个对象，若需要注册多个对象请使用registerJavaScriptProxy9+。

参数：

参数名参数类型必填默认值参数描述
objectobject是-参与注册的对象。只能声明方法，不能声明属性。
namestring是-注册对象的名称，与window中调用的对象名一致。
methodListArray是-参与注册的应用侧JavaScript对象的方法。
controllerWebviewController9+WebController是-

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

class TestObj {
constructor() {
}

test(data1: string, data2: string, data3: string): string {
console.log(“data1:” + data1)
console.log(“data2:” + data2)
console.log(“data3:” + data3)
return “AceString”
}

toString(): void {
console.log(‘toString’ + “interface instead.”)
}
}

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
testObj = new TestObj();
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.javaScriptAccess(true)
.javaScriptProxy({
object: this.testObj,
name: “objName”,
methodList: [“test”, “toString”],
controller: this.controller,
})
}
}
}

javaScriptAccess

javaScriptAccess(javaScriptAccess: boolean)

设置是否允许执行JavaScript脚本，默认允许执行。

参数：

参数名参数类型必填默认值参数描述
javaScriptAccessboolean是true是否允许执行JavaScript脚本。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.javaScriptAccess(true)
}
}
}

overScrollMode11+

overScrollMode(mode: OverScrollMode)

设置Web过滚动模式，默认关闭。当过滚动模式开启时，当用户在Web界面上滑动到边缘时，Web会通过弹性动画弹回界面。

参数：

参数名参数类型必填默认值参数描述
modeOverScrollMode是OverScrollMode.NEVER设置Web的过滚动模式为关闭或开启。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State mode: OverScrollMode = OverScrollMode.ALWAYS
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.overScrollMode(this.mode)
}
}
}

mixedMode

mixedMode(mixedMode: MixedMode)

设置是否允许加载超文本传输协议（HTTP）和超文本传输安全协议（HTTPS）混合内容，默认不允许加载HTTP和HTTPS混合内容。

参数：

参数名参数类型必填默认值参数描述
mixedModeMixedMode是MixedMode.None要设置的混合内容。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State mode: MixedMode = MixedMode.All
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.mixedMode(this.mode)
}
}
}

onlineImageAccess

onlineImageAccess(onlineImageAccess: boolean)

设置是否允许从网络加载图片资源（通过HTTP和HTTPS访问的资源），默认允许访问。

参数：

参数名参数类型必填默认值参数描述
onlineImageAccessboolean是true设置是否允许从网络加载图片资源。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.onlineImageAccess(true)
}
}
}

zoomAccess

zoomAccess(zoomAccess: boolean)

设置是否支持手势进行缩放，默认允许执行缩放。

参数：

参数名参数类型必填默认值参数描述
zoomAccessboolean是true设置是否支持手势进行缩放。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.zoomAccess(true)
}
}
}

overviewModeAccess

overviewModeAccess(overviewModeAccess: boolean)

设置是否使用概览模式加载网页，默认使用该方式。当前仅支持移动设备。

参数：

参数名参数类型必填默认值参数描述
overviewModeAccessboolean是true设置是否使用概览模式加载网页。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.overviewModeAccess(true)
}
}
}

databaseAccess

databaseAccess(databaseAccess: boolean)

设置是否开启数据库存储API权限，默认不开启。

参数：

参数名参数类型必填默认值参数描述
databaseAccessboolean是false设置是否开启数据库存储API权限。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.databaseAccess(true)
}
}
}

geolocationAccess

geolocationAccess(geolocationAccess: boolean)

设置是否开启获取地理位置权限，默认开启。

参数：

参数名参数类型必填默认值参数描述
geolocationAccessboolean是true设置是否开启获取地理位置权限。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.geolocationAccess(true)
}
}
}

mediaPlayGestureAccess

mediaPlayGestureAccess(access: boolean)

设置有声视频播放是否需要用户手动点击，静音视频播放不受该接口管控，默认需要。

参数：

参数名参数类型必填默认值参数描述
accessboolean是true设置有声视频播放是否需要用户手动点击。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State access: boolean = true
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.mediaPlayGestureAccess(this.access)
}
}
}

multiWindowAccess9+

multiWindowAccess(multiWindow: boolean)

设置是否开启多窗口权限，默认不开启。 使能多窗口权限时，需要实现onWindowNew事件，示例代码参考onWindowNew事件。

参数：

参数名参数类型必填默认值参数描述
multiWindowboolean是false设置是否开启多窗口权限。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.multiWindowAccess(false)
}
}
}

horizontalScrollBarAccess9+

horizontalScrollBarAccess(horizontalScrollBar: boolean)

设置是否显示横向滚动条，包括系统默认滚动条和用户自定义滚动条。默认显示。

参数：

参数名参数类型必填默认值参数描述
horizontalScrollBarboolean是true设置是否显示横向滚动条。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: $rawfile(‘index.html’), controller: this.controller })
.horizontalScrollBarAccess(true)
}
}
}

加载的html文件。

Demo Scroll Test
verticalScrollBarAccess9+

verticalScrollBarAccess(verticalScrollBar: boolean)

设置是否显示纵向滚动条，包括系统默认滚动条和用户自定义滚动条。默认显示。

参数：

参数名参数类型必填默认值参数描述
verticalScrollBarboolean是true设置是否显示纵向滚动条。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: $rawfile(‘index.html’), controller: this.controller })
.verticalScrollBarAccess(true)
}
}
}

加载的html文件。

Demo Scroll Test
password(deprecated)

password(password: boolean)

设置是否应保存密码。该接口为空接口。

说明：

从API version 10开始废弃，并且不再提供新的接口作为替代。

cacheMode

cacheMode(cacheMode: CacheMode)

设置缓存模式。

参数：

参数名参数类型必填默认值参数描述
cacheModeCacheMode是CacheMode.Default要设置的缓存模式。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State mode: CacheMode = CacheMode.None
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.cacheMode(this.mode)
}
}
}

copyOptions11+

copyOptions(value: CopyOptions)

设置剪贴板复制范围选项。

参数：

参数名参数类型必填默认值参数描述
valueCopyOptions是CopyOptions.Cross_Device要设置的剪贴板复制范围选项。

示例：

import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController();
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.copyOptions(CopyOptions.None)
}
}
}

textZoomAtio(deprecated)

textZoomAtio(textZoomAtio: number)

设置页面的文本缩放百分比，默认为100%。

从API version 9开始不再维护，建议使用textZoomRatio9+代替。

参数：

参数名参数类型必填默认值参数描述
textZoomAtionumber是100要设置的页面的文本缩放百分比。取值为整数，范围为(0, +∞)。

示例：

// xxx.ets
@Entry
@Component
struct WebComponent {
controller: WebController = new WebController()
@State atio: number = 150
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.textZoomAtio(this.atio)
}
}
}

textZoomRatio9+

textZoomRatio(textZoomRatio: number)

设置页面的文本缩放百分比，默认为100%。

参数：

参数名参数类型必填默认值参数描述
textZoomRationumber是100要设置的页面的文本缩放百分比。取值为整数，范围为(0, +∞)。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State atio: number = 150
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.textZoomRatio(this.atio)
}
}
}

initialScale9+

initialScale(percent: number)

设置整体页面的缩放百分比，默认为100。

参数：

参数名参数类型必填默认值参数描述
percentnumber是100要设置的整体页面的缩放百分比。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State percent: number = 100
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.initialScale(this.percent)
}
}
}

userAgent(deprecated)

userAgent(userAgent: string)

设置用户代理。

说明：

从API version 8开始支持，从API version 10开始废弃。建议使用setCustomUserAgent10+替代。

参数：

参数名参数类型必填默认值参数描述
userAgentstring是-要设置的用户代理。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’

@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State userAgent:string = ‘Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36’
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.userAgent(this.userAgent)
}
}
}

blockNetwork9+

blockNetwork(block: boolean)

设置Web组件是否阻止从网络加载资源。

参数：

参数名参数类型必填默认值参数描述
blockboolean是false设置Web组件是否阻止从网络加载资源。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State block: boolean = true
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.blockNetwork(this.block)
}
}
}

defaultFixedFontSize9+

defaultFixedFontSize(size: number)

设置网页的默认等宽字体大小。

参数：

参数名参数类型必填默认值参数描述
sizenumber是13设置网页的默认等宽字体大小，单位px。输入值的范围为-231到231-1，实际渲染时超过72的值按照72进行渲染，低于1的值按照1进行渲染。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State fontSize: number = 16
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.defaultFixedFontSize(this.fontSize)
}
}
}

defaultFontSize9+

defaultFontSize(size: number)

设置网页的默认字体大小。

参数：

参数名参数类型必填默认值参数描述
sizenumber是16设置网页的默认字体大小，单位px。输入值的范围为-231到231-1，实际渲染时超过72的值按照72进行渲染，低于1的值按照1进行渲染。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State fontSize: number = 13
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.defaultFontSize(this.fontSize)
}
}
}

minFontSize9+

minFontSize(size: number)

设置网页字体大小最小值。

参数：

参数名参数类型必填默认值参数描述
sizenumber是8设置网页字体大小最小值，单位px。输入值的范围为-231到231-1，实际渲染时超过72的值按照72进行渲染，低于1的值按照1进行渲染。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State fontSize: number = 13
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.minFontSize(this.fontSize)
}
}
}

minLogicalFontSize9+

minLogicalFontSize(size: number)

设置网页逻辑字体大小最小值。

参数：

参数名参数类型必填默认值参数描述
sizenumber是8设置网页逻辑字体大小最小值，单位px。输入值的范围为-231到231-1，实际渲染时超过72的值按照72进行渲染，低于1的值按照1进行渲染。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State fontSize: number = 13
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.minLogicalFontSize(this.fontSize)
}
}
}

webFixedFont9+

webFixedFont(family: string)

设置网页的fixed font字体库。

参数：

参数名参数类型必填默认值参数描述
familystring是monospace设置网页的fixed font字体库。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State family: string = “monospace”
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.webFixedFont(this.family)
}
}
}

webSansSerifFont9+

webSansSerifFont(family: string)

设置网页的sans serif font字体库。

参数：

参数名参数类型必填默认值参数描述
familystring是sans-serif设置网页的sans serif font字体库。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State family: string = “sans-serif”
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.webSansSerifFont(this.family)
}
}
}

webSerifFont9+

webSerifFont(family: string)

设置网页的serif font字体库。

参数：

参数名参数类型必填默认值参数描述
familystring是serif设置网页的serif font字体库。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State family: string = “serif”
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.webSerifFont(this.family)
}
}
}

webStandardFont9+

webStandardFont(family: string)

设置网页的standard font字体库。

参数：

参数名参数类型必填默认值参数描述
familystring是sans serif设置网页的standard font字体库。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State family: string = “sans-serif”
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.webStandardFont(this.family)
}
}
}

webFantasyFont9+

webFantasyFont(family: string)

设置网页的fantasy font字体库。

参数：

参数名参数类型必填默认值参数描述
familystring是fantasy设置网页的fantasy font字体库。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State family: string = “fantasy”
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.webFantasyFont(this.family)
}
}
}

webCursiveFont9+

webCursiveFont(family: string)

设置网页的cursive font字体库。

参数：

参数名参数类型必填默认值参数描述
familystring是cursive设置网页的cursive font字体库。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State family: string = “cursive”
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.webCursiveFont(this.family)
}
}
}

darkMode9+

darkMode(mode: WebDarkMode)

设置Web深色模式，默认关闭。当深色模式开启时，Web将启用媒体查询prefers-color-scheme中网页所定义的深色样式，若网页未定义深色样式，则保持原状。如需开启强制深色模式，建议配合forceDarkAccess使用。

参数：

参数名参数类型必填默认值参数描述
modeWebDarkMode是WebDarkMode.Off设置Web的深色模式为关闭、开启或跟随系统。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State mode: WebDarkMode = WebDarkMode.On
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.darkMode(this.mode)
}
}
}

forceDarkAccess9+

forceDarkAccess(access: boolean)

设置网页是否开启强制深色模式。默认关闭。该属性仅在darkMode开启深色模式时生效。

参数：

参数名参数类型必填默认值参数描述
accessboolean是false设置网页是否开启强制深色模式。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State mode: WebDarkMode = WebDarkMode.On
@State access: boolean = true
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.darkMode(this.mode)
.forceDarkAccess(this.access)
}

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）
img

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

，则保持原状。如需开启强制深色模式，建议配合forceDarkAccess使用。

参数：

参数名参数类型必填默认值参数描述
modeWebDarkMode是WebDarkMode.Off设置Web的深色模式为关闭、开启或跟随系统。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State mode: WebDarkMode = WebDarkMode.On
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.darkMode(this.mode)
}
}
}

forceDarkAccess9+

forceDarkAccess(access: boolean)

设置网页是否开启强制深色模式。默认关闭。该属性仅在darkMode开启深色模式时生效。

参数：

参数名参数类型必填默认值参数描述
accessboolean是false设置网页是否开启强制深色模式。

示例：

// xxx.ets
import web_webview from ‘@ohos.web.webview’
@Entry
@Component
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
@State mode: WebDarkMode = WebDarkMode.On
@State access: boolean = true
build() {
Column() {
Web({ src: ‘www.example.com’, controller: this.controller })
.darkMode(this.mode)
.forceDarkAccess(this.access)
}

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）
[外链图片转存中…(img-5LSmkJvP-1713218492771)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2401_84185556
关注
  • 17
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HarmonyOS鸿蒙开发指南:自适应布局 弹性布局
sybh的博客
01-08 1263
弹性布局（Flex布局）是自适应布局中使用最为灵活的布局。弹性布局提供一种更加有效的方式来对容器中的子组件进行排列、对齐和分配空白空间。弹性布局容器: Flex组件作为Flex布局的容器，用于设置布局相关属性。子组件: Flex组件内的子组件自动成为布局的子组件。主轴: Flex组件布局方向的轴线，子组件默认沿着主轴排列。主轴开始的位置称为主轴起始端，结束位置称为主轴终点端。交叉轴: 垂直于主轴方向的轴线。交叉轴起始的位置称为交叉轴首部，结束位置称为交叉轴尾部。
【鸿蒙应用ArkTS开发系列】- Web组件使用讲解
枫的专栏
04-11 7754
Web是提供网页显示能力的组件，具体用法请参考Web API。
【最新鸿蒙应用开发】——ArkWeb1——arkts加载h5页面
m0_68038853的博客
06-12 570
Web组件用于在应用程序中显示Web页面内容，为开发者提供等能力。Web组件提供基础的前端页面加载。Web组件提供丰富的页面交互。Web组件支持使用Devtools工具调试前端页面。
鸿蒙ArkTs开发问题总结
Florenza的博客
02-29 733
现阶段鸿蒙ArkTs开发主要分为两个版本 HarmonyOS3.x.x(API9)及HarmonyOS4.x.x(API10) 一下简称为 API9,API10官方现在所有案例均以 HarmonyOS4.x.x(API10) 为基础请注意选择分支。
鸿蒙（HarmonyOS）性能优化—Web开发常见问题
2401_82546228的博客
05-28 1020
问题现象onInterceptRequest拦截页面Web的src的链接后返回自定义HTML，但是自定义HTML文件里面的script标签里的内容没有加载。解决措施设置拦截器时，如果只设置setResponseData，内核将无法识别到这是个HTML文件，需要同时设置setResponseEncoding、setResponseMimeType、setResponseHeader等参数。代码示例})解决措施默认UserAgent需要通过WebviewController获取。
2024年HarmonyOS鸿蒙最全软考高级之信息系统案例分析七重奏-《3》(1)，腾讯面试gm
2401_84853495的博客
05-08 269
5、配置审计；6、发布管理和交付。
HarmonyOS移动应用开发（ArkTS版）课件PPT
11-14
HarmonyOS 移动应用开发（ArkTS版）是面向开发者的一门课程，旨在教授如何使用 ArkTS 语言在 HarmonyOS 上构建高效、跨平台的应用。本课程由刘安战、余雨萍、陈争艳三位专家编著，由清华大学出版社出版。 ArkTS 是 ...
HarmonyOS移动应用开发
04-07
通过该课程的学习，您将掌握HarmonyOS基本概念及原理、HarmonyOS技术架构、HarmonyOS应用开发流程、Ability与UI开发知识，具备HarmonyOS功能开发、调试与发布的能力，能够胜任HarmonyOS应用开发工程师岗位。
HarmonyOS鸿蒙快速入门应用开发基础+进阶视频.zip
05-24
02.2 HarmonyOS_应用开发平台介绍 02.3 HarmonyOS设备开发平台介绍 02.4 分布式应用开发实例演示 02.5 第2期答疑环节 03.1 致软件工程师的灵魂拷问 03.2 重新定位_人_设备_场景的关系 03.3 应用开发者面临的挑战 03....
基于鸿蒙HarmonyOS，使用ArkTS开发纯净的浏览器（小狐狸浏览器）.zip
02-07
在本项目中，我们将探讨如何基于华为的鸿蒙HarmonyOS操作系统，利用 ArkTS 开发一个纯净的浏览器应用，以“小狐狸浏览器”为例。鸿蒙系统是华为面向物联网时代推出的一款全新分布式操作系统，旨在提供跨平台、跨设备...
一款虫部落搜索论坛第三方鸿蒙 App，使用 ArkTS 与 ArkUI 声明式开发，采用最新的 HarmonyOS API 9
02-07
标题中的“一款虫部落搜索论坛第三方鸿蒙 App”揭示了这款应用是专门为虫部落搜索论坛设计的第三方应用程序，而且是基于华为的鸿蒙操作系统（HarmonyOS）开发的。鸿蒙系统是华为自主开发的面向全场景的分布式操作...
2024年鸿蒙最新鸿蒙-webview的使用和JS交互（附源码）_鸿蒙os+js+webview，阿里巴巴p8面试
2401_84853335的博客
05-16 1792
通过上面的完整代码，我们已经完成了webbiew的基本使用。
HarmonyOS-Environment：设备环境查询
2301_81624474的博客
01-17 820
开发者如果需要应用程序运行的设备的环境参数，以此来作出不同的场景判断，比如多语言，暗黑模式等，需要用到Environment设备环境查询。Environment是ArkUI框架在应用程序启动时创建的单例对象。它为AppStorage提供了一系列描述应用程序运行状态的属性。Environment的所有属性都是不可变的（即应用不可写入），所有的属性都是简单类型。
手机User-Agent大全（Android爬虫）
热门推荐
墨痕诉清风的博客
11-11 3万+
设备 系统 浏览器 User-Agent 红米Note 5 Android MIUI浏览器 Mozilla/5.0 (Linux; U; Android 9; zh-cn; Redmi Note 5 Build/PKQ1.180904.001) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/71.0.3578.141 Mobile Safari/537.36 XiaoMi/MiuiBrowser/1
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：Scroll）
m0_64420071的博客
03-16 3872
ArkTS声明式开发（容器组件：Scroll）
【HarmonyOS应用开发】ArkUI 开发框架-基础篇-第二部分（八）
Mr_Roki的博客
01-31 1062
一个丰富的页面需要很多组件组成，那么，我们如何才能让这些组件有条不紊地在页面上布局呢？这就需要借助容器组件来实现。 容器组件是一种比较特殊的组件，它可以包含其他的组件，而且按照一定的规律布局，帮助开发者生成精美的页面。容器组件除了放置基础组件外，也可以放置容器组件，通过多层布局的嵌套，可以布局出更丰富的页面。 ArkTS为我们提供了丰富的容器组件来布局页面，本文将以构建登录页面为例，介绍Column和Row组件的属性与使用。
第五节HarmonyOS ArkTS声明式开发范式
yyxhzdm的博客
11-28 1679
总之，从UI框架的需求角度，ArkTS在TS的类型系统的基础上，做了进一步的扩展：定义了各种装饰器、自定义组件和UI描述机制，再配合UI开发框架中的UI内置组件、事件方法、属性方法等共同构成了应用开发的主体。另外，从数据的传递形式来看，可分为只读的单向传递和可变更的双向传递。与@Prop不同的是，@Link会与其父控件中对应的@State变化建立双向联系，即当子组件中的@Link对象发生变化时，其父组件中对应的@State变量也会随之变化，这个时候父UI与子UI都会重绘。装饰struct，页面的入口。
鸿蒙界面开发
最新发布
qq_46025779的博客
07-23 2508
界面开发界面开发-布局思路属性方法字体颜色文字溢出省略号、行高Image图片组件输入框与按钮综合实训设计资源-svg图标欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入MarkdownText-to-HTML。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值