企业官网建设流程全解析

天堂网长尾关键词挖掘网站,4网站免费建站,自然志wordpress下载,代运营公司怎么收费本文同步发表于 微信公众号#xff0c;微信搜索 程语新视界 即可关注#xff0c;每个工作日都有文章更新 当 Web 组件加载的网页#xff08;如通过 window.open()#xff09;尝试打开新窗口时#xff0c;系统并不会自动创建#xff0c;而是会通知应用层#xff0c;由开发…本文同步发表于 微信公众号微信搜索 程语新视界 即可关注每个工作日都有文章更新当 Web 组件加载的网页如通过window.open()尝试打开新窗口时系统并不会自动创建而是会通知应用层由开发者决定如何响应该请求如在弹窗、新页面或新窗口中展示。这是一个典型的 “通知-响应” 模型。整个交互流程的角色与步骤如下网页侧调用window.open()等方法请求新窗口。ArkWeb 内核拦截请求检查name参数对应的 Web 组件是否存在。应用侧通过onWindowNew()回调接收事件创建新窗口如CustomDialog并建立关联。二、API 与配置为了启用并管理新窗口行为需要使用一组特定的属性和回调接口其作用和关系如下表接口/配置所属组件作用与说明关键点.multiWindowAccess(true)Web 组件属性总开关允许网页请求打开新窗口。必须设置为true否则后续流程不会触发。.allowWindowOpenMethod(true)Web 组件属性脚本开关允许网页通过window.open()等 JavaScript 方式打开新窗口。通常与multiWindowAccess配合使用。.onWindowNew(event)Web 组件事件回调核心事件当网页请求新窗口时触发。开发者需在此回调中创建新窗口并建立关联。回调参数event中的handler是连接新窗口与内核的关键桥梁。event.handler.setWebController(controller)onWindowNew事件参数方法建立关联将你为新窗口创建的WebviewController实例告知 ArkWeb 内核使内核能将新网页内容注入该控制器关联的 Web 组件。必须调用否则渲染进程会阻塞。若无新窗口参数需设为null。.onActivateContent()Web 组件事件回调激活通知当网页尝试通过window.open(url, name)打开一个已存在的name窗口时对应name的 Web 组件会收到此回调提示应用将其展示到前台如切换 Tab。此回调作用于目标窗口对应的 Web 组件而非发起请求的源组件。三、示例代码// 1. 定义新窗口的UI组件这里使用CustomDialog模拟弹窗窗口 CustomDialog struct NewWebViewComp { controller?: CustomDialogController; // 为新窗口创建一个独立的控制器 webviewController1: webview.WebviewController new webview.WebviewController(); build() { Column() { // 新窗口内的Web组件初始无内容将由内核注入 Web({ src: , controller: this.webviewController1 }) .javaScriptAccess(true) .multiWindowAccess(false) // 此新窗口自身不允许再开窗口根据需要设置 .onWindowExit(() { /* 窗口关闭处理 */ }) .onActivateContent(() { // 如果此窗口已被绑定过name再次被请求打开时会触发这里 console.info(NewWebViewComp onActivateContent) }) } } } Entry Component struct WebComponent { // 主窗口的控制器 controller: webview.WebviewController new webview.WebviewController(); // 用于控制新弹窗 dialogController: CustomDialogController | null null; build() { Column() { // 2. 主Web组件加载本地网页并开启多窗口支持 Web({ src: $rawfile(window.html), controller: this.controller }) .javaScriptAccess(true) .multiWindowAccess(true) // 总开关允许打开新窗口 .allowWindowOpenMethod(true) // 允许JS的window.open() // 3. 核心处理新窗口请求 .onWindowNew((event) { // 关闭可能已存在的旧弹窗 if (this.dialogController) { this.dialogController.close() } // 为新窗口创建控制器 let popController: webview.Webview.WebviewController new webview.WebviewController(); // 创建并打开一个自定义弹窗作为“新窗口” this.dialogController new CustomDialogController({ builder: NewWebViewComp({ webviewController1: popController }), isModal: false // 设置为非模态防止影响onActivateContent回调 }); this.dialogController.open(); // 4. 关键一步将新窗口的控制器告知Web内核建立绑定 event.handler.setWebController(popController); // 如果不调用setWebController或传入null内核会认为应用未创建新窗口 }) } } }网页 (window.html) 代码!DOCTYPE html html body !-- 点击按钮触发 window.open() -- input typebutton value新窗口中打开网页 onclickOpenNewWindow() script typetext/javascript function OpenNewWindow() { // 打开一个空白页并写入一些内容 let openedWindow window.open(about:blank, , locationno,statusno,scrollbarsno); openedWindow.document.write(pbrbr打开的窗口/p); openedWindow.focus(); } /script /body /html四、原理五、注意事项setWebController必须调用在onWindowNew回调中无论是否创建新窗口都必须调用event.handler.setWebController(...)。如果不调用会导致 Web 内核的渲染进程阻塞等待。模态窗口与非模态窗口使用CustomDialogController时如果isModal设为true模态在某些情况下可能会影响后续onActivateContent等回调的触发。内存与生命周期管理为新窗口创建的WebviewController和CustomDialogController需要妥善管理如在onWindowExit回调中关闭和释放防止内存泄漏。在onWindowExit回调中关闭弹窗。onActivateContent的使用这个回调是实现类似浏览器“标签页复用”功能的关键。当用户多次点击打开同一个“命名窗口”name相同时可以将已存在的窗口激活并提到前台而不是重复创建。OnWindowNewEvent.isUserTrigger参数在OnWindowNewEvent回调函数中有一个isUserTrigger参数可用于区分新窗口请求是由用户主动操作如点击触发还是由网页脚本自动触发。有助于更精细的控制。