- 博客(3)
- 收藏
- 关注
原创 同域名下多个网页标签页通信:原理、方案与实战
浏览器标签页通信技术综述 本文系统分析了同源策略下实现多标签页通信的五大核心方案: postMessage与MessageChannel:通过窗口引用直接通信,支持跨域但需安全验证,适合已知窗口间的精准通信。 BroadcastChannel API:专为同源广播设计,无需维护窗口引用,现代浏览器支持良好,适合状态同步场景。 localStorage事件:利用存储事件实现简单广播,兼容性最佳但存在存储限制和性能考量,适合低频小数据量通信。 SharedWorker方案:通过后台线程中转实现中心化通信,功能强
2026-08-06 11:44:16
486
原创 前端使用vConsole调试
摘要:本文介绍在Chrome浏览器中通过开发者工具修改百度首页并添加vConsole调试面板的方法。步骤包括:1)打开Network面板,右键百度请求选择Overridecontent;2)选择桌面文件夹授权修改;3)自动创建www.baidu.com文件夹;4)在index.html的head标签内插入vConsole脚本代码;5)刷新页面后即可在右下角看到调试面板。该方法可方便开发者进行移动端调试。(149字)
2025-07-16 11:37:28
618
原创 原生app与uniapp开发的H5交互,H5写法
1) ios环境:window.webkit.messageHandlers.toAppLogin.postMessage();2)安卓环境:window.android.toAppLogin();2、调用原生app方法 toAppLogin 为调用原生app的方法。在App.vue文件里面定义一个绑定在window身上的方法。1、先判断是安卓系统还是ios系统。注意:如果需要在某一个页面进行操作调用,写法一样。一、h5调用原生app方法。二、原生app调用h5方法。
2023-07-21 13:35:56
1420
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅