dev-page

https://bineanzhou.github.io

目录结构

dev.github.io/
├── mse_test.html            # 浏览器JS/扩展管理测试页(主入口)
├── chromium_test.html       # Chromium CSS特性测试
├── nav_123.html             # 导航测试页
├── dev_ttdd.html            # 头条多多 JSBridge 测试
├── dev_risapp.html          # RisApp JSBridge 测试
├── dev_tramp.html           # 步步盈 JSBridge 测试
├── dev_error.html           # 网络错误页
├── data/
│   ├── css/                 # 样式文件
│   │   ├── style.css
│   │   └── mse_test.css     # mse_test页面专用样式
│   ├── crx/                 # Chrome 扩展包文件
│   │   └── 沉浸式翻译-1.9.6.crx
│   └── tramp_data/          # Tramp 相关数据
├── js/                      # JS SDK
│   └── ms.jssdk.min-1.2.7.js
├── image/                   # 图片资源
│   ├── icon_refresh.png
│   └── icon_wallet.png
└── README.md

测试页面

🔧 浏览器扩展管理测试

mse_test.html - 浏览器JS/扩展管理测试

功能特性:

• 📱 页面控制 (关闭页面、返回)
• 🧩 扩展管理 (安装、卸载、启用/禁用)
• ⚙️ 扩展操作 (状态查询、ICON获取、列表管理)
• 📦 快速安装扩展 (内置多个常用扩展)
• 🔗 链接导航测试
• 📟 控制台输出显示
• 🎨 现代化UI设计,支持暗色模式

🌐 Chromium 测试

chromium_test.html - CSS 特性测试

nav_123.html - 导航测试页

📱 App JSBridge 测试

dev_ttdd.html - 头条多多 JSBridge 测试

dev_risapp.html - RisApp JSBridge 测试

dev_tramp.html - 步步盈 JSBridge 测试

🛠️ 工具页

dev_error.html - 网络错误页

Mock 数据

data/update_info.data - 更新信息数据

交互说明

iOS

JS调用OC 当JS端想传一些数据给iOS，它们会调用下方方法来发送：

window.webkit.messageHandlers.<方法名>.postMessage(<数据>)

Android

JS调用Android原生方法：

window.<接口名>.<方法名>(<参数>)