微信网页开发者工具是什么

 开发者工具是什么-微信网页开发者工具">

  微信网页开发者工具是什么

  微信公众平台日前正式发布了web开发者工具,为帮助开发者更方便、更安全地开发和调试基于微信的网页。

  简单来说,这个微信web开发者工具是一个桌面应用,通过模拟手机微信客户端的表现,使得开发者可以用这个工具方便地在PC或者Mac上进行开发和调试工作。

  运用自己的微信号来调试微信网页授权;

  调试、检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出;

  使用基于 weinre 的移动调试功能;

  利用集成的 Chrome DevTools 协助开发。

  工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口,以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器,可以直接操作网页,模拟用户真实行为。右侧上方是地址栏,用于输入待调试的页面链接,以及清除缓存按钮。右侧下方是相关的请求和返回结果,以及调试界面和登录按钮。

时间: 2024-11-18 16:35:13

微信网页开发者工具是什么的相关文章

微信web开发者工具怎么用?

   微信web开发者工具是一款由微信公众平台最新发布的开发工具,该工具的发布对于开发者来说,简直就是福音;开发人员通过该软件可方便快捷的在PC电脑端完成开发与测试,而一些用户在初次使用该软件时,不知道如何使用,所以小编为大家带了微信web开发工具的使用方法,需要的用户可参考下!   微信web开发者工具怎么使用 1.微信web开发者工具下载,并安装 2.启动微信web开发者工具 3.登录微信公众号,进入web开发者工具,绑定个人微信号 4.通过个人微信号,登录微信web开发者工具 5.从微信公

如何在Linux系统下运行微信Web开发者工具

微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折. 注:带 * 的步骤或文件为不确定是否管用的步骤或文件. 本人系统为Linux Mint 18.1版本. 1.下载nwjs 下载nwjs(http://nwjs.io/)的SDK. 2.将微信web开发者工具拷贝到nwjs 将在window系统下安装的微信web开发者工具文件夹中的package.nw.icon.ico.* 微信web开发者工具.exe拷贝到nwjs sdk

网页开发者必备的20款在线实用工具

  互联网已经成为我们生活中无法割裂的一部分,生活中越来越多的服务都与网络紧密的结合到一起,深刻地影响着我们的生活和工作,很难想象没了它我们的日常生活会多麻烦.我们在公交上刷微博看新闻,在闲暇的时候在网络上寻找自己感兴趣的东西,在公司工作借助网络来宣传自己的企业,寻找合作伙伴和客户,等等等等. 与此同时,网络技术的发展也使得越来越多的事情可以在网络上完成--比如,设计和开发.这次我们推荐的20个网页开发工具都无需安装,借助浏览器,网页开发者可以在这里便捷地完成许多网页工作,称之为必备并不为过.

在线网页编辑工具Thimble和imcreator对比

文章描述:在线网页开发工具Thimble与imcreator评测. Mozilla于6月19日正式推出了一款基于网页的新开发工具Thimble,采用可视化的编辑器帮助用户在浏览器中撰写和修改html与css代码,并能够及时的提醒用户代码中的错误,且提供简单的代码说明. 其实这种网页开发工具并非只此一家,前期就使用过另外一款在线网页编辑工具-imcreator,下面,就带大家从以下三个方面来谈谈此两款网页编辑工具的体验. 一.选择模式:thimble和imcreator都允许您选择自定义网站或者根

响应式设计技巧:2个简单的FireFox网页开发工具

文章描述:Firefox 15 新增响应式设计辅助功能. Mozilla Firefox最近为Web开发者工具加入2个简单.但非常有用的辅助功能,以减少响应式设计的工作量:为多种显示器设计和编写网页界面(比如几种尺寸.比例和功能)提供接口. 1. Responsive模式 Responsive模式提供了多种常见的屏幕分辨率,开发者可以在横向或纵向的不同屏幕下模拟网页的表现.只需在Firefox菜单中选择"Responsive模式",并选择所需的屏幕大小和方向即可. 2. 快速查看元素属

IE10中的F12开发者工具的使用方法

在IE中开发网站一直是一个难题,因为IE中一直缺少一个如firebug那样的开发者测试工具,尽管有着IEtester这种可以查看IE各版本下网页显示情况的工具,但是却不能像firebug那样进行有效地查看代码是如何在firefox中呈现的,但是现在我们有了IEF12开发者工具.分析 HTML 代码时,通过 F12 工具看到的视图就是 Internet Explorer10 文档对象模型 (DOM) 解释页面的实际方式,并不是原始的源代码.我们利用脚本开发网站时,就可以看到IE解释之后实际的代码了

网页开发者的20款FIREFOX插件

  本文集合了20款为开发者而生的优质插件,在这些插件的帮助下,网页开发者可以创造出令人惊艳.极富创意的网站页面.接下来,让我们一起看看这些插件吧. 1. Firebug 作为开发领域最著名的插件,Firebug可以让你在浏览器重实时运行HTML.CSS等代码.Firebug内置有强大的Javascript调试工具,可以让你随时暂停JS动画,观察静态的细节.如果你觉得效果比较生硬,你还可以使用JS分析器来分析校准,找到症结所在. 2. Ghostery Ghostery是用来检测"隐形网站&qu

微信网页版添加好友

微信网页版添加好友   工具/原料 电脑 浏览器 手机 方法/步骤 在电脑上打开网页后,点击图标. 然后进入登录页面,用手机确认登录 登录后就可以看到信息了,点击聊天的群组,添加群里的好友. 添加成功后就会在左侧显示新添加的好友 点击新添加的好友就可以聊天了 多人聊天可以点击加号,选择要添加的好友

[译] 使用开发者工具在浏览器中调整设计

本文讲的是[译] 使用开发者工具在浏览器中调整设计, 原文地址:Using DevTools to Tweak Designs in the Browser 原文作者:AHMAD SHADEED 译文出自:掘金翻译计划 译者:bambooom 校对者:gy134340 / avocadowang 使用开发者工具在浏览器中调整设计 让我们来看看使用浏览器的开发者工具做设计工作的几种方式.你会发现一些很方便的隐藏技巧. 使用复选框切换类名 当你在从不同的选择中挑选一个设计时,或者在不手动添加类名的时