跨平台移动开发工具 Weex
跨平台移动开发工具 Weex
  1. Weex 快速上手
    1. Weex 简介
      1. Weex 概述
      2. Weex 使用前端框架
    2. Weex 前端框架
      1. Weex Vue.js
      2. Weex Raxs.js
    3. Weex 平台差异
      1. Weex 环境中没有 DOM
      2. Weex 环境中没有 BOM
      3. Weex 能够调用移动设备原生 API
    4. Weex 在 Weex 中使用 Vue.js
      1. Week 只含有运行时的构建版本
      2. Weex 平台的差异
        1. Weex 执行环境
        2. Weex Dom
        3. Weex 样式
        4. Weex 事件
      3. Weex Web 渲染器
      4. Weex 单文件组件
        1. Weex 编译目标
        2. Weex 使用weex-loader
      5. Weex 支持的功能
        1. Weex 全局配置
        2. Weex全局 API
        3. Weex 选项
        4. Weex 生命周期钩子
        5. Weex 实例属性
        6. Weex 实例方法
        7. Weex 模板指令
        8. Weex 特殊属性
        9. Weex 内置组件
    5. Weex 在 Weex 中使用 Rax.js
      1. Weex 什么是 Rax
      2. Weex 环境变量
      3. Weex Rax Framework
      4. Weex 样式支持
      5. Weex 使用组件
      6. Weex 使用 Weex 模块
      7. Weex 页面降级
      8. Weex 事件
      9. Weex 事件通信
  2. Weex 开发
    1. Weex 设置开发环境
      1. Weex 安装依赖
      2. Weex 初始化项目
      3. Weex 开发
    2. Weex 创建一个 App
      1. Weex 初始化
      2. Weex 开发
      3. Weex 编译和运行
      4. Weex 调试
    3. Weex CLI
      1. Weex 系统组件
      2. Weex 安装
      3. Weex 命令
    4. Weex 集成到Android应用
      1. Weex 设置gradle依赖
      2. Weex 配置混淆规则
      3. Weex 声明权限
      4. Weex 初始化sdk
      5. Weex 创建WXSDKInstance
      6. Weex 运行app
      7. Weex 扩展Android能力
    5. Weex 集成 Weex 到 iOS
      1. Weex 配置依赖
      2. Weex 初始化 Weex
      3. Weex 创建一个 Weex 实例
      4. Weex 销毁实例
      5. Weex 扩展 Weex
      6. Weex 在 iPad 中使用 Weex
    6. Weex 常见错误码
      1. Weex 降级类错误
      2. Weex js错误
      3. Weex 下载异常
      4. Weex 白屏异常
      5. Weex Android错误
  3. Weex 调试
    1. Weex 集成Devtool到Android
      1. Weex Android接入指南
      2. Weex 科普
    2. Weex 集成Devtool到IOS
      1. Weex iOS接入指南
    3. Weex 调试
      1. Weex 安装weex-toolkit
      2. Weex 运行
      3. Weex 开始调试
  4. Weex 扩展
    1. Weex 扩展Android能力
      1. Weex JSEnv 扩展
      2. Weex Module 扩展
      3. Weex Module 注册
      4. Weex Component 扩展
      5. Weex Component 注册
      6. Weex Adapter 扩展
      7. Weex Adapter 注册
    2. Weex 扩展IOS能力
      1. Weex JSEnv 扩展
      2. Weex 自定义 module
      3. Weex 扩展组件
      4. Weex 获取组件的 CSS 样式
      5. Weex 自定义 handler
    3. Weex 使用 Swift 扩展 IOS 能力
    4. Weex 扩展 Web 组件
    5. Weex 扩展内置组件
    6. Weex 扩展内置模块
  5. Weex 高阶特性
    1. Weex 资源路径
      1. Weex Schemes
      2. Weex 相对路径
      3. Weex URI Adapter
    2. Weex 降级方案
      1. Weex 触发降级
      2. Weex 辅助工具
      3. Weex 降级配置项
    3. Weex 使用 Vuex 和 vue-router
      1. Weex 使用 Vuex
      2. Weex 使用 vue-router
    4. Weex 适应不同尺寸屏幕
      1. Weex 如何将前端样式值转换为系统坐标值
      2. Weex 为什么 Weex 页面不支持横竖屏切换
      3. Weex 屏幕参数接口
      4. Weex 使用场景
  6. Weex 加入 Weex 社区
    1. Weex 参与者公约
    2. Weex 邮件列表
    3. Weex Members and Governance Model
    4. Weex 提出与解决解答问题
    5. Weex 研发流程
    6. Weex 贡献文档或代码
  7. Weex 鸣谢
阅读(176) 书签 赞(0) 我要纠错

Weex 科普

2023-12-27 16:47 更新

在以下的简介中，Android Devtools for Apache Weex 将简称为 Devtools

Devtools组件介绍

Devtools扩展了Chrome Debugging Protocol, 在客户端和调试服务器之间的采用JSON-RPC作为通信机制, 本质上调试过程是两个进程间协同, 相互交换控制权及运行结果的过程. 更多细节还请阅读Weex Devtools Debugger的技术选型实录这篇文章.

  • 客户端 Devtools 客户端作为aar被集成App中, 它通过webscoket连接到调试服务器,此处并未做安全检查. 出于安全机制及包大小考虑, 强烈建议接入方只在debug版本中打包此aar.
  • 服务器 Devtools 服务器端是信息交换的中枢, 既连接客户端, 又连接Chrome, 大多数情况下扮演一个消息转发服务器和Runtime Manager的角色.
  • Web端 Chrome的V8引擎扮演着bundle javascript runtime的角色. 开启debug模式后, 所有的bundle js 代码都在该引擎上运行. 另一方面我们也复用了Chrome前端的调试界面, 例如设置断点, 查看调用栈等, 调试页关闭则runtime将会被清理.

调试的大致过程请参考如下时序图. debug sequence diagram



以上内容是否对您有帮助：
← Weex Android接入指南
Weex 集成Devtool到IOS →
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号