微信app网页制作 第1篇
最新版本： ()
更新内容：
1.新增对卡券 JSSDK 的调试支持
2.修复个别情况下网络出错的问题
3.修复个别情况下 JSSDK 鉴权失败的问题
4.其他体验优化以及 bug 修复
Windows 64位版本：下载地址
Windows 32位版本：下载地址
Mac版本：下载地址
注：支持 Windows XP、win7 及以上版本，支持OS X 及以上版本
请用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
请附带微信 web 开发者工具 log 文件，关闭调试工具之后，在以下路径中找到相关文件，并作为附件发送：
windows系统下在
C:\Users\<用户名>\AppData\Local\微信web开发者工具\User Data\微信web开发者工具.log
mac系统下在
/Users/<用户名>/Library/Application Support/微信web开发者工具/微信web开发者工具.log
微信app网页制作 第2篇
注意：移动调试仅支持 - 版本的开发者工具。版本的开发者工具不支持此功能！
移动端网页的表现，通常和桌面浏览器上有所区别，包括样式的呈现、脚本的逻辑等等，这会给开发者带来一定的困扰。现在，微信安卓客户端 webview 已经开始全面升级至 X5 Blink 内核，新的内核无论在渲染能力、API 支持还是在开发辅助上都有很大进步。通过微信 web 开发者工具中的远程调试功能，实时映射手机屏幕到微信 web 开发者工具上，将帮助开发者更高效地调试 X5 Blink 内核的网页，具体步骤如下：
（1）准备工作
安装或以上版本的微信 web 开发者工具
确认移动设备是否支持远程调试功能
1.打开移动设备，进入“设置”->“开发人员选项”
2.勾选“USB 调试功能”
需要注意的是，Android 之后的设备，开发人员选项默认是隐藏的，通过以下步骤可以打开：
1.打开移动设备，进入“设置”->“关于手机”
2.找到并单击“内部版本号”7次
通常开发者可以在移动设备厂商的官网中下载到相关驱动，或者使用腾讯手机管家来安装设备驱动。
打开微信 web 开发者工具，选择“移动调试”tab ，使用设备扫描“调试步骤”中的二维码。
如下图，勾选“是否打开 TBS 内核 Inspector 调试功能”，并重启微信。
（2）开始调试
微信app网页制作 第3篇
_width=_wrap_content_：视图的宽度将会根据其内容自动进行调整，以适应文本内容的宽度。
_height=_wrap_content_：视图的高度将会根据其内容自动进行调整，以适应文本内容的宽度。
_weight=_1_：表示这个视图在与其他视图共享空间时具有相等的权重。
_@color/black_：表示将视图的背景颜色设置为黑色。
_center_：这会将视图或内容在水平和垂直方向上都居中对齐，使其位于可用空间的中心。
_微信_：将文本内容设置为微信
_@color/white_：将文本内容设置为白色。
_30sp_：将文本内容的大小设置为30sp。
界面显示如下：
_width=_match_content_：这会使视图的宽度填满其父容器的宽度。如果视图嵌套在一个父容器中，它将充满该父容器的宽度，无论父容器的宽度是多少。
_height=_match_content_：这会使视图的宽度填满其父容器的宽度。如果视图嵌套在一个父容器中，它将充满该父容器的宽度，无论父容器的宽度是多少。
_center_：这会将视图或内容在水平和垂直方向上都居中对齐，使其位于可用空间的中心
“这是聊天界面_：将文本内容设置为这是聊天界面
_30sp_：将文本内容的大小设置为30sp。
由于tab1与其他三个相似，在此只展示tab1的代码和界面：
_vertical_：线性布局会将其子视图垂直排列，从上到下的方式排列子视图
2..android:layout_weight=_1_：表示这个视图在与其他视图共享空间时具有相等的权重。
3.ImageView: 这是ImageView元素的开始标签，表示一个图像视图
_@android:drawable/sym_action_call_:用于设置图像视图的图像资源
bottom的界面显示如下：
的界面显示如下：
微信app网页制作 第4篇
四个Fragment代码类似，故只展示Fragment1的代码：
View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)： 这是 onCreateView 方法的开始。它是一个生命周期方法，用于创建和返回与Fragment相关联的用户界面视图。
(, container, false)：这是 onCreateView方法的主体。它通过 inflate（一个用于将XML布局文件转换为视图对象的工具）加载了一个名为tab1 的布局文件，并将其与 container关联。
()：用来隐藏视图
()：用来初始化Fragment
(Fragment fragment)：用来显示视图
运行结果如下：