深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
}
}
}
- 修改EntryAbility.ts。
以filesDir为例,获取沙箱路径。若想获取其他路径,请参考应用文件路径。
// xxx.ts
import UIAbility from ‘@ohos.app.ability.UIAbility’;
import AbilityConstant from ‘@ohos.app.ability.AbilityConstant’;
import Want from ‘@ohos.app.ability.Want’;
import web_webview from ‘@ohos.web.webview’;
import { GlobalContext } from ‘…/GlobalContext’
export default class EntryAbility extends UIAbility {
onCreate(want: Want, launchParam: AbilityConstant.LaunchParam) {
// 通过在GlobalContext对象上绑定filesDir,可以实现UIAbility组件与UI之间的数据同步。
GlobalContext.getContext().setObject(“filesDir”, this.context.filesDir);
console.log("Sandbox path is " + GlobalContext.getContext().getObject(“filesDir”))
}
}
加载的html文件。
Hello World
属性
通用属性仅支持aspectRatio、backdropBlur、backgroundColor、bindContentCover、bindContextMenu、bindMenu、bindSheet、borderColor、borderRadius、borderStyle、borderWidth、clip、constraintSize、defaultFocus、focusable、tabIndex、groupDefaultFocus、focusOnTouch、displayPriority、enabled、flexBasis、flexGrow、flexShrink、layoutWeight、id、gridOffset、gridSpan、useSizeType、height、touchable、margin、markAnchor、offset、width、zIndex、visibility、scale、transform、responseRegion、size、stateStyles、opacity、shadow、sharedTransition、transition。
domStorageAccess
domStorageAccess(domStorageAccess: boolean)
设置是否开启文档对象模型存储接口(DOM Storage API)权限,默认未开启。
系统能力: SystemCapability.Web.Webview.Core
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
domStorageAccess | boolean | 是 | false | 设置是否开启文档对象模型存储接口(DOM Storage 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 })
.domStorageAccess(true)
}
}
}
fileAccess
fileAccess(fileAccess: boolean)
设置是否开启应用中文件系统的访问,默认启用。$rawfile(filepath/filename)")中rawfile路径的文件不受该属性影响而限制访问。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
fileAccess | boolean | 是 | 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)
设置是否允许自动加载图片资源,默认允许。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
imageAccess | boolean | 是 | 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+。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
object | object | 是 | - | 参与注册的对象。只能声明方法,不能声明属性。 |
name | string | 是 | - | 注册对象的名称,与window中调用的对象名一致。 |
methodList | Array | 是 | - | 参与注册的应用侧JavaScript对象的方法。 |
controller | WebviewController9+ | 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脚本,默认允许执行。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
javaScriptAccess | boolean | 是 | 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会通过弹性动画弹回界面。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
mode | OverScrollMode | 是 | 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混合内容。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
mixedMode | MixedMode | 是 | 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访问的资源),默认允许访问。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
onlineImageAccess | boolean | 是 | 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)
设置是否支持手势进行缩放,默认允许执行缩放。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
zoomAccess | boolean | 是 | 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)
设置是否使用概览模式加载网页,默认使用该方式。当前仅支持移动设备。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
overviewModeAccess | boolean | 是 | 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权限,默认不开启。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
databaseAccess | boolean | 是 | 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)
设置是否开启获取地理位置权限,默认开启。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
geolocationAccess | boolean | 是 | 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)
设置有声视频播放是否需要用户手动点击,静音视频播放不受该接口管控,默认需要。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
access | boolean | 是 | 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事件。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
multiWindow | boolean | 是 | 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)
设置是否显示横向滚动条,包括系统默认滚动条和用户自定义滚动条。默认显示。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
horizontalScrollBar | boolean | 是 | 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文件。
verticalScrollBarAccess9+
verticalScrollBarAccess(verticalScrollBar: boolean)
设置是否显示纵向滚动条,包括系统默认滚动条和用户自定义滚动条。默认显示。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
verticalScrollBar | boolean | 是 | 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文件。
password(deprecated)
password(password: boolean)
设置是否应保存密码。该接口为空接口。
说明:
从API version 10开始废弃,并且不再提供新的接口作为替代。
cacheMode
cacheMode(cacheMode: CacheMode)
设置缓存模式。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
cacheMode | CacheMode | 是 | 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)
设置剪贴板复制范围选项。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
value | CopyOptions | 是 | 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+代替。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
textZoomAtio | number | 是 | 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%。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
textZoomRatio | number | 是 | 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。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
percent | number | 是 | 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+替代。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
userAgent | string | 是 | - | 要设置的用户代理。 |
示例:
// 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组件是否阻止从网络加载资源。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
block | boolean | 是 | 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)
设置网页的默认等宽字体大小。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
size | number | 是 | 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)
设置网页的默认字体大小。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
size | number | 是 | 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)
设置网页字体大小最小值。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
size | number | 是 | 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)
设置网页逻辑字体大小最小值。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
size | number | 是 | 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字体库。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
family | string | 是 | 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字体库。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
family | string | 是 | 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字体库。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
family | string | 是 | 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字体库。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
family | string | 是 | 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字体库。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
family | string | 是 | 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字体库。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
family | string | 是 | 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)
}
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
tasyFont(family: string)
设置网页的fantasy font字体库。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
family | string | 是 | 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字体库。
参数:
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
family | string | 是 | 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)
}
[外链图片转存中…(img-QcZCMlPG-1715595102420)]
[外链图片转存中…(img-PrcKHeM5-1715595102421)]
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!