精华内容
下载资源
问答
  • 微信web开发工具

    2016-10-02 09:20:06
    为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。立即...

    目录

    概述

    为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。立即下载体验

    你可以:

    • 使用自己的微信号来调试微信网页授权
    • 调试、检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出
    • 使用基于 weinre 的移动调试功能
    • 利用集成的 Chrome DevTools 协助开发

    该工具界面主要由几大部分组成,如下图所示:

    Tools_001.jpg

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

    调试微信网页授权

    之前在开发基于微信的网页授权的功能时,开发者通常需要手机上输入 URL 进而获取用户信息,从而进行开发和调试工作,可是因为手机的诸多限制,这个过程很不方便。通过使用微信 web 开发者工具,从此开发者可以直接在 PC 或者 Mac 上进行这种调试了。具体操作步骤为:

    • 开发者可以在调试器中点击“登录”,使用手机微信扫码登录,从而使用真实的用户身份(支持测试号)来开发和调试微信网页授权。请确认手机登录页,绑定的公众号为“微信 web 开发者工具”,如下图所示:

    Tools_006.jpg

    • 为了保证开发者身份信息的安全,对于希望调试的公众号,我们要求开发者微信号与之建立绑定关系。具体操作为:公众号登录管理后台,启用开发者中心,在开发者工具——web 开发者工具页面,向开发者微信号发送绑定邀请。绑定页面如下图所示:

    Tools_002.jpg

    • 开发者在手机微信上接受邀请,即可完成绑定。每个公众号最多可同时绑定10个开发者微信号。邀请确认页面如下图所示:

    Tools_003.jpg

    • 完成登录和绑定后,开发者就可以开始调试微信网页授权了,注意只能调试自己绑定过的公众号

    非静默授权的 URL 样例https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841a97238d9e17b2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_type=code&scope=snsapi_userinfo&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome

    在微信 web 开发者工具中打开类似的授权页 URL(样例不可直接使用,请更换为绑定完成的公众号授权页 URL),webview 模拟器显示效果如图:

    Web-developer-tools-02.jpg

    点击“确认登录”即可带着用户信息跳转到第三方页面,很方便的进行后续的开发和调试。

    静默授权的 URL 样例https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841a97238d9e17b2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_type=code&scope=snsapi_base&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome

    在微信 web 开发者工具中打开类似的授权页 URL(样例不可直接使用,请更换为绑定完成的公众号授权页 URL)则会自动跳转到第三方页面。

    注意:如果使用了代理,需代理本身支持https直连,才能调试https页面。

    模拟JSSDK权限校验

    通过 web 开发者工具,可以模拟 JSSDK 在微信客户端中的请求,并直观地看到鉴权结果和 log。以微信 JSSDK DEMO 页面为例:

    http://demo.open.weixin.qq.com/jssdk

    在调试器中打开该 URL,可以方便地在右侧的 JS-SDK Tab 中看到当前页面 wx.config 的校验情况和 JSSDK 的调用 log。 如下是校验通过的页面:

    Web-developer-tools-03.jpg

    如下是校验未通过的页面:

    Tools_004.jpg

    在“权限列表” Tab 中,可以查询到当前页面拥有权限的 JS-SDK 列表:

    Web-developer-tools-04.jpg

    移动调试

    移动调试功能是基于 weinre 的,并且做了一些改进,相比直接使用 weinre 有两个优点:

    • 无须手工在页面中加入 weinre 调试脚本
    • 可以在 weinre 的网络请求页卡中,看到完整的 http 请求 log,非局限于 ajax 请求

    如下图所示:

    Web-developer-tools-08.jpg

    注意,移动调试功能暂不支持https。


    Chrome DevTools

    微信 web 开发者工具集成了 Chrome DevTools。同之前在 PC 上的调试体验一致,可以快速上手。

    如下图所示:

    Web-developer-tools-09.jpg


    下载地址

    最新版本: (2016.2.22) 0.3.0

    更新内容:

    • 修复部分已知的 bug
    • 新增支持微信企业号

    Windows 64位版本:下载地址

     MD5: e74dd9499379ad93c68a952133eb7116
    

    Windows 32位版本:下载地址

     MD5: b69a7d94a045430a1d8216950cb27199
    

    Mac版本:下载地址

     MD5: 4024846d39293b492cec0d83edd97b73
    注:支持 win7 及以上版本,支持OS X 10.8 及以上版本 
    展开全文
  • 首先明确一点,就是微信web开发调试完全可以在内网条件下进行 比如我的本地的IP为:192.168.0.101 我测试用的是测试公众号 测试公众号的JS接口安全域名 授权回调页面域名   网页授权根据开发文档分为四个...

    首先明确一点,就是微信web开发调试完全可以在内网条件下进行

    比如我的本地的IP为:192.168.0.101

    我测试用的是测试公众号

    测试公众号的JS接口安全域名

    授权回调页面域名

     

    网页授权根据开发文档分为四个步骤

    1 第一步:用户同意授权,获取code

    2 第二步:通过code换取网页授权access_token

    3 第三步:刷新access_token(如果需要)

    4 第四步:拉取用户信息(需scope为 snsapi_userinfo)

    5 附:检验授权凭证(access_token)是否有效

    在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后,默认拥有scope参数中的snsapi_base和snsapi_userinfo),引导关注者打开如下页面:

    我的uri为:

    https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxc9756f26XXXXXXXX&redirect_uri=http%3A%2F%2F192.168.0.101%2Ffenxiao%2FweixinOauth2Controller.do%3FweChatOauth2Redirect&response_type=code&scope=snsapi_userinfo&state=2514#wechat_redirect

    redirect_uri:http://192.168.0.101/fenxiao/weixinOauth2Controller.do?weChatOauth2Redirect

    encode以后:http%3A%2F%2F192.168.0.101%2Ffenxiao%2FweixinOauth2Controller.do%3FweChatOauth2Redirect

    在微信WEB开发工具访问显示如下:

    展开全文
  • 微信web开发工具如何使用There are hundreds or even thousands of web tools and services on the market, but which ones are the most effective and budget friendly? Searching the internet will not always ...

    微信web开发工具如何使用

    There are hundreds or even thousands of web tools and services on the market, but which ones are the most effective and budget friendly? Searching the internet will not always show you the best resources. We have to build a showcase of 25 excellent tools (cloud storage solutions, event ticketing system, WordPress themes and plugins, web development services and others) that great designers and developers are using. Check them below.

    市场上有成百上千的Web工具和服务,但是哪些工具最有效且最经济呢? 搜索互联网并不总是会向您显示最佳资源。 我们必须展示优秀的设计师和开发人员正在使用的25种出色工具(云存储解决方案,事件票务系统,WordPress主题和插件,Web开发服务等)。 在下面检查它们。

    1. pCloud.com

      pCloud.com
    2. pCloud is among the top 5 cloud storage services providers on the market. With 4 years on the market, they already have 7 million users and 7 PB of stored files. They strongly differentiate from their competitors by having the lifetime license (2 different plans, one is $125 and one is $250 one-time cost, both having huge discounts from the normal prices), the latest technology and their security. For exactly 6 months, 2,800 hackers and different people from some of the best universities and organizations in the world tried to get into their systems and the result amazed everybody. None had success. The level of security that pCloud is providing is at its highest level, many times compared with a military base.

      pCloud是市场上排名前五的云存储服务提供商之一。 经过4年的市场销售,他们已经拥有700万用户和7 PB的存储文件。 他们拥有终身许可证(两种不同的计划,一种是125美元,另一种是250美元的一次性费用,两者均比正常价格有大幅折扣),最新技术及其安全性,从而与竞争对手形成了鲜明的对比。 在整整6个月的时间里,来自世界上一些最好的大学和组织的2800名黑客和不同的人试图进入他们的系统,结果令所有人震惊。 没有人成功。 与军事基地相比,pCloud提供的安全级别处于最高级别。

      pCloud has a free plan that includes 20 GB of cloud storage and the platform can be used on any type of device or software: web browser extension, iOS, Android, OSX, Linux or Windows. Using the software on your computer you will have a virtual drive that is directly connected to the cloud, everything you will do, it will be instatly updates and syncronized with your others devices. You will have all of your files saved on their secured servers and you won’t depend on the reliability of a hdd for example. pCloud will extend the storage capabilities of your computer, phone or table, or even more, it can be easily used as teamwork collaboration tool.

      pCloud有一个免费计划,其中包括20 GB的云存储,并且该平台可以在任何类型的设备或软件上使用:Web浏览器扩展,iOS,Android,OSX,Linux或Windows。 使用计算机上的软件,您将拥有直接连接到云的虚拟驱动器,无论您执行什么操作,它都会被不定期地更新并与其他设备同步。 您将所有文件保存在它们的安全服务器上,例如,您将不依赖于硬盘的可靠性。 pCloud将扩展您的计算机,电话或桌子的存储功能,甚至更多,它可以轻松用作团队协作工具。

      Start using pCloud, it’s the future knocking at your door.

      开始使用pCloud,这是未来的大门。

    3. Tickera.com

      Tickera.com
    4. Tickera is considered one of the best WordPress based ticketing system solutions on the market. It’s a WordPress plugin downloaded more than 80,000 times, super simple to use and configure. Forget about the hard times selling online tickets, now you can quickly do it in a professional way, without having high costs. Tickera works with any well-coded WordPress theme on the market so you can go and choose whichever fits your taste and needs best without the need for graphic designers and developers to help you customize it.

      Tickera被认为是市场上最好的基于WordPress的票务系统解决方案之一。 这是一个WordPress插件,下载次数超过80,000次,易于使用和配置。 不用担心销售在线票务的艰难时期,现在您可以以专业的方式快速进行操作,而无需支付高额费用。 Tickera可以与市场上任何经过良好编码的WordPress主题配合使用,因此您可以选择最适合您的口味和需求的主题,而无需图形设计师和开发人员来帮助您对其进行自定义。

      But the story doesn’t end there as there are 26 professional add-ons included that will further extend functionality of this already excellent plugin. For example, there’s Bridge for WooCommerce, Seating Charts, Custom Forms and many more. Also, it supports hundreds of payment gateways with 20+ built-in payment gateways plus any  WooCommerce payment gateway thanks to Bridge for WooCommerce add-on by utilizing which you can create and sell Tickera tickets like any other WooCommerce product.

      但是故事还不止于此,因为其中包含26个专业附加组件,这些附加组件将进一步扩展这个已经出色的插件的功能。 例如,这里有WooCommerce的桥梁,座位表,自定义表单等等。 此外,借助Bridge for WooCommerce附加组件,它支持20多个内置支付网关以及任何WooCommerce支付网关的数百个支付网关,通过该插件,您可以像创建其他WooCommerce产品一样创建和出售Tickera门票。

    5. Xfive.co

      Xfive.co
    6. web designer tools

      With more than 10 years experience on the market, Xfive is widely known as one of the best and complete web development agencies on the market. They can do everything you need: front-end and back-end development, WordPress, Sketch to HTML, eCommerce and much more. If you are an agency low on people, Xfive has the team rental service where their developers will act as an extension of your team. These friendly developers are always delivering on time or even sooner, they come with ideas to further improve your project and the whole process is enjoyable and transparent. It doesn’t matter what kind of company you are, small or large, Xfive adapts perfectly to your needs. They are working with small companies and large corporations like Microsoft, eBay or Twitter. Get in touch with them and start your project. Keep in mind that most of their customers are working with them for many years, being happy and strongly recommend them.


      Xfive拥有10多年的市场经验,被公认为是市场上最完善的Web开发代理之一。 他们可以满足您的所有需求:前端和后端开发,WordPress,Sketch to HTML,电子商务等。 如果您是一家人才匮乏的代理机构,则Xfive提供团队出租服务,他们的开发人员将充当您团队的延伸。 这些友好的开发人员总是按时甚至更快地交付产品,他们带有进一步改善您的项目的想法,整个过程令人愉悦且透明。 无论您是大小公司,Xfive都能完美地满足您的需求。 他们正在与小型公司和大型公司合作,例如Microsoft,eBay或Twitter。 与他们联系并开始您的项目。 请记住,大多数客户都与他们合作了很多年,他们很高兴并强烈推荐他们。

    7. WhatFontIs.com

      WhatFontIs.com
    8. web designer tools

      Many times we are seeing a great font and we want to know the name of it or start using it in our projects. WhatFontIs is there for you all of you, web designers, developers, advertisers, font lovers that want a free, high processing speed solution that is using a great identification technology. It is super-simple to use, you indicate the picture URL or you upload it as a picture. After doing the hard work, this professional web tool will indicate you the name of the font you were searching. If there is not a perfect match, you will receive an alternative to choose from. Most of the fonts are available for free. Identify the font you want in a few seconds.


      很多时候,我们看到了一个很棒的字体,我们想知道它的名称或在我们的项目中开始使用它。 WhatFontIs为您提供了所有人,网页设计师,开发人员,广告商,字体爱好者,他们想要一个免费的,高速处理的解决方案,该解决方案使用了出色的识别技术。 它使用起来非常简单,您可以指定图片URL或将其作为图片上传。 经过艰苦的工作之后,这个专业的Web工具将为您指示您正在搜索的字体的名称。 如果没有完美的搭配,您会收到另一种选择。 大多数字体是免费提供的。 在几秒钟内确定所需的字体。

    9. Themify.me

      Themify.me
    10. web designer tools

      Ultra Theme is the most popular, professional and complete WordPress theme on the market. It has a brilliant track record of gorgeous, intelligent websites made with it. Ultra has a powerful drag and drop builder, 11 bonus add-ons included 60 professional layouts and much more. It comes with a bonus theme and one year of support and updates. Use it on unlimited sites. The price is $49  for a standard license and they offer a 30-day money back guarantee.


      Ultra Theme是市场上最流行,专业和完整的WordPress主题。 它拥有使用它制作的华丽,智能网站的辉煌历史记录。 Ultra具有强大的拖放生成器,11个附加组件,包括60个专业布局,以及更多其他功能。 它带有奖金主题以及一年的支持和更新。 在无限制的网站上使用它。 标准许可证的价格为49美元,并且提供30天退款保证。

    11. ArgentoTheme.com

      ArgentoTheme.com
    12. web designer tools

      ArgentoTheme is one of the best Magento themes on the market. There are key features what Argento has: the high-quality level, the friendly and fast support, the bundle of 18 powerful add-ons worth $994 and much more. It is proudly used on more than 2,500 stores and numbers are quickly growing. Check their website and start using it.


      ArgentoTheme是市场上最好的Magento主题之一。 Argento具有一些关键功能:高质量级别,友好而快速的支持,18个功能强大的附加组件包,价值994美元,以及更多。 它自豪地在2500多家商店中使用,并且数量正在Swift增长。 检查他们的网站并开始使用它。

    13. MeridianThemes.com

      MeridianThemes.com
    14. web designer tools

      MeridianThemes is a new WordPress themes developer, having 8 templates for the moment. Their themes include the latest technologies, are easy to customize and set up. They are growing from one month to another and you will be amazed by the quality of their products.


      MeridianThemes是一个新的WordPress主题开发人员,目前有8个模板。 他们的主题包括最新技术,易于定制和设置。 他们从一个月增长到另一个月,您会为他们的产品质量感到惊讶。

    15. Colorlib.com

      Colorlib.com
    16. web designer tools

      Activello is a professional, gorgeous and SEO friendly WordPress multipurpose theme that can cover almost any type of project you may have. It is fully responsive, mobile friendly and can be quickly customized, without the need of a web developer or graphic designer. Activello is FREE to download and use, get it now and build yourself a new website.


      Activello是一个专业,华丽且对SEO友好的WordPress多用途主题,可以涵盖您可能拥有的几乎任何类型的项目。 它是完全响应的,移动友好的,并且可以快速自定义,而无需Web开发人员或图形设计师。 Activello是免费下载和使用的软件,现在就获取并建立自己的新网站。

    17. Hostingbooth.com

      Hostingbooth.com
    18. web designer tools

      There are hundreds of hosting solutions on the market, some are better, some are worse. We all need the best hosting services, our website needs to stay live, load fast and be secured. Check these solutions and pick the one that is a perfect fit for your needs.


      市场上有数百种托管解决方案,有些更好,有些更差。 我们都需要最好的托管服务,我们的网站需要保持实时,快速加载和安全。 检查这些解决方案,然后选择最适合您需求的解决方案。

    19. Codester.com

      Codester.com
    20. web designer tools

      Codester is a great marketplace where graphic designers, web developers, and others can buy and sell website themes, scripts, codes, apps etc. This place is quite new but fast growing and the WordPress community keeps an eye on them. It is already populated with thousands of products and you can find everything you need.


      Codester是一个绝佳的市场,图形设计师,Web开发人员和其他人可以在该市场上买卖网站主题,脚本,代码,应用程序等。这个地方虽然很新,但增长Swift,WordPress社区一直关注着他们。 它已经充满了数千种产品,您可以找到所需的一切。

    21. Wideo.co

      Wideo.co
    22. web designer tools

      Wideo is considered one of the best video animation market web tool for business, being used by more than 3,000 clients and 1,700,000 companies getting awesome results with Video Marketing. It is super simple to use, just drag and drop elements or upload your own images and start animating. The pricing starts from $59 / month, billed monthly and $19 / month billed yearly.


      Wideo被认为是最佳的企业视频动画市场网络工具之一,已被3,000多家客户和1,700,000家公司使用,从而通过Video Marketing获得了惊人的效果。 它非常易于使用,只需拖放元素或上传您自己的图像并开始制作动画即可。 定价从每月59美元/月,每月19美元/年开始。

    23. Uncode WordPress Theme

      取消WordPress主题编码
    24. web designer tools

      Uncode is the most popular, high-quality multi purpose WordPress theme designed with terrific attention to details, flexibility, and performance. Uncode is packed with a brilliant tailored version of the famous drag-drop Visual Composer page builder, Revolution Slider, LayerSlider headers, and iLightbox. There are over 40+ pre-made concepts ready to go or combine (full-screen, full-width, boxed, one-page scroll, landing page), anything you can think of can be built. If you are searching for innovative WordPress Theme, Uncode is a top recommendation. Build gorgeous and intelligent websites using Uncode.


      Uncode是最受欢迎,高质量的多用途WordPress主题,其设计着重于细节,灵活性和性能。 Uncode包含了著名的拖放式Visual Composer页面构建器,Revolution Slider,LayerSlider标头和iLightbox的出色定制版本。 可以使用或组合使用40多种预制概念(全屏,全角,盒装,一页滚动,登陆页面),您可以想到的任何东西都可以构建。 如果您正在寻找创新的WordPress主题,则最好选择Uncode。 使用Uncode构建华丽而智能的网站。

    25. Pagely.com

      Pagely.com
    26. web designer tools

      Powered by Amazon Web Services, Pagely is the best WordPress hosting solution on the market. With nearly a decade of experience Managing WordPress at Scale, that knowledge translates to a better quality product & service and a deeper tribal knowledge they pass along to their customers. Check all the features and you will be amazed by the quality of their solution and services.


      由Amazon Web Services提供支持的Pagely是市场上最好的WordPress托管解决方案。 凭借近十年的大规模管理WordPress的经验,这些知识可以转化为更高质量的产品和服务,以及更深的部落知识,它们可以传递给客户。 检查所有功能,它们的解决方案和服务的质量会让您惊讶。

    27. Logocontest.net

      Logocontest.net
    28. web designer tools

      Need an original custom logo design, without being limited to the creativity of only one graphic designer and only a few design concepts to choose from? You can run your own logo design contest now from only $200, and receive 40-650+ logo concepts in just a few days. LogoContest.com connects you to thousands of professional graphic designers from around the world and allows complete interaction with them to produce the best design possible, and your results and satisfaction are 100% guaranteed.


      是否需要原始的自定义徽标设计,而不仅限于一位平面设计师的创意和仅几个设计概念可供选择? 现在,您只需200美元即可举办自己的徽标设计大赛,并在短短几天内收到40-650 +个徽标概念。 LogoContest.com将您与世界各地成千上万的专业图形设计师联系起来,并允许他们与他们进行完整的互动以产生最佳的设计,并且您的结果和满意度得到100%保证。

    29. MailMunch.co

      MailMunch.co
    30. web designer tools

      You know that most of the abandoning visitors of your website are not coming back? Using MailMunch you will create highly converting, beautiful lead capture forms that will convert them into subscribers and customers. It is a mandatory web tool for any type of project that greatly increases businesses.


      您知道您网站上大多数被遗弃的访问者都不会回来吗? 使用MailMunch,您将创建高度转换的精美的潜在顾客捕获表格,将其转换为订户和客户。 对于任何可大大增加业务的项目类型,它都是必不可少的Web工具。

    31. uCalc.pro – Calculator builder

      uCalc.pro –计算器生成器
    32. web designer tools

      uCalc.pro allows you to create a custom calculator without any coding skills. Use a ready-made template or get creative and make a calculator from scratch. uCalc benefits: a convenient builder of calculator fields, customizable design, a collection of field types (text, number, checkbox, radio), contact data collecting, email and SMS notifications, PayPal invoices, and more.


      uCalc.pro允许您创建没有任何编码技能的自定义计算器。 使用现成的模板或发挥创意,从头开始制作计算器。 uCalc的优点:方便的计算器字段构建器,可自定义的设计,字段类型(文本,数字,复选框,单选)的集合,联系人数据收集,电子邮件和SMS通知,PayPal发票等。

    33. Usocial

      社交
    34. web designer tools

      Usocial is an easy-to-use builder of “Like” and “Share” buttons for your website. Over a hundred button designs with hover effects and counters will seamlessly fit any page. uSocial buttons are mobile adaptive and allow your followers to share interesting content with friends through Viber, WhatsApp, Telegram and SMS in a single tap.


      Usocial是一个易于使用的网站“赞”和“共享”按钮构建器。 具有悬停效果和计数器的一百多种按钮设计将无缝地适合任何页面。 uSocial按钮具有移动自适应功能,允许您的关注者通过一次单击即可通过Viber,WhatsApp,Telegram和SMS与朋友共享有趣的内容。

    35. RumbleTalk.com

      RumbleTalk.com
    36. web designer tools

      RumbleTalk is the most popular solution to implement a chat solution on your website. Imagine the possibilities and how your visitors will benefit from this service. Over 558,000 websites already enjoy using the RumbleTalk chat room. Register for free with the basic features included. The premium plans start from $14 / month, an affordable cost that will help you further develop your business.


      RumbleTalk是在您的网站上实施聊天解决方案的最受欢迎的解决方案。 想象一下可能性,以及您的访客将从这项服务中受益的方式。 已有超过558,000个网站使用RumbleTalk聊天室。 免费注册并附带基本功能。 高级计划的费用为每月14美元起,这是可以承受的成本,可帮助您进一步发展业务。

    37. Salesmate.io

      Salesmate.io
    38. web designer tools

      Salesmate is a popular and complete CRM software, that can convert any type of business, small or large corporations. It is packed with lots of professional and useful features. The pricing starts from $15 / month, billed monthly and $12 / month, billed yearly. Start your 15 days free trial, there is no need of a credit card.


      Salesmate是一种流行且完整的CRM软件,可以转换任何类型的企业,无论大小。 它包含许多专业和有用的功能。 定价从$ 15 /月(按月计费)和$ 12 /月(按年计费)开始。 开始15天免费试用,无需使用信用卡。

    39. Goodiewebsite.com

      Goodiewebsite.com
    40. web designer tools

      Goodie is a top web development team that is focused to deliver the best quality websites for small businesses. Every moment they have this in their mind and their websites are gorgeous and intelligent. Goodie promotes a fixed, one-time cost of $999 / website, which is budget friendly. Get in touch with them.


      Goodie是顶尖的Web开发团队,致力于为小型企业提供最优质的网站。 他们每时每刻都在想到这个,他们的网站华丽而聪明。 Goodie宣传每个网站的固定一次性费用$ 999,这是预算友好的做法。 与他们取得联系。

    41. InvoiceBerry.com

      InvoiceBerry.com
    42. web designer tools

      Having a great invoicing platform will ease your work a lot and can even help you. Creating professional invoices or track expenses takes less than 60 seconds with InvoiceBerry. These guys are offering a free forever plan with basic features included and if needed, you can upgrade anytime to their premium plans that start from $15 / month.


      拥有出色的发票平台将大大减轻您的工作,甚至可以为您提供帮助。 使用InvoiceBerry,创建专业发票或跟踪费用不到60秒。 这些家伙提供包括基础功能在内的永久免费计划,如果需要,您可以随时升级到每月15美元起的高级计划。

    43. Userlytics.com

      Userlytics.com
    44. web designer tools

      Userlytics can help you iteratively user test your designs, concept sketches, wireframes and high fidelity prototypes, with participants interacting with them from their homes and offices. Benchmark the designs against your existing assets, against the competition, and against best practice user experience sites and apps.


      Userlytics可以帮助您迭代地测试您的设计,概念草图,线框和高保真原型,并让参与者在家里和办公室与他们互动。 根据您现有的资产,竞争以及最佳实践用户体验网站和应用程序对设计进行基准测试。

      Picture-in-Picture videos of your target Persona as they interact with your prototype. As if you were looking over their shoulder in their home!

      目标Persona与原型交互时的画中画视频。 好像您在他们的家中看着他们的肩膀一样!

      Time on Task, Success/Failure and System Usability Scale (SUS) metrics. Branching logic that personalizes the user experience test script to the actions and responses of each participant, like moderated usability testing but with the scalability of unmoderated UX testing,  & much more. Check it out!

      任务时间,成功/失败和系统可用性量表(SUS)度量标准。 分支逻辑可将用户体验测试脚本个性化为每个参与者的动作和响应,例如适度的可用性测试,但具有未审核的UX测试的可伸缩性等等。 看看这个!

    45. PSDCenter.com

      PSDCenter.com
    46. web designer tools

      PSDCenter has one of the best front-end development team in the world. They are on the market since 2009 and they can do everything you may need, including eCommerce projects. Start a discussion with them as they are friendly professionals eager to help you get your projects done while maintaining a high quality.


      PSDCenter拥有世界上最好的前端开发团队之一。 自2009年以来,它们就投放市场,它们可以完成您可能需要的一切,包括电子商务项目。 与他们开始讨论,他们是友好的专业人士,渴望帮助您完成项目并保持高质量。

    47. CloudCart.com

      CloudCart.com
    48. web designer tools

      Looking to have your own online store and you don’t want to spend hundreds or even thousands of dollars on it? You need it now and not in months or weeks? CloudCart is the perfect, professional solution to your needs. It works awesome, fast and secure, it comes with free templates, it can connect your Facebook and eBay account with your store and much more. The pricing starts from $9.99 / month and you can test it for 14 days for free.


      想要拥有自己的在线商店,并且不想在上面花费数百甚至数千美元? 您现在就需要它,而不用几个月或几周? CloudCart是满足您需求的完美,专业的解决方案。 它功能强大,快速且安全,并带有免费模板,可以将您的Facebook和eBay帐户与您的商店相关联,甚至更多。 价格从每月9.99美元起,您可以免费试用14天。

    49. Ezeeranktracker.com

      Ezeeranktracker.com
    50. web designer tools

      Ezen Rank Tracker is considered the best rank tracker on the market, as it is packed with the best technology. It’s super simple to use and the set up is intuitive. Most of the Companies out there Charge Monthly or Charge for Updates but Ezee Rank Tracker is One-off Fee. Its updated regularly from last 4 years and thats the speciality of this software.The price is $99 for a lifetime license.


      Ezen排名跟踪器被认为是市场上最好的排名跟踪器,因为它包含了最好的技术。 使用起来超级简单,设置直观。 大多数公司都按月收取费用或收取更新费用,但Ezee Rank Tracker是一次性费用。 它从最近4年开始定期更新,这就是该软件的特色。终身许可证的价格为99美元。

      The difference between the average web tool or service and the best one can be huge and the price to be similar, as best tools are being used by the masses of people and they can go on a lower cost. Test them, check their advantages and how can it help you.

      普通的Web工具或服务与最佳工具或服务之间的差异可能很大,价格也相差无几,这是因为大多数人都在使用最佳工具,并且它们可以以更低的成本出售。 测试他们,检查他们的优势,以及如何为您提供帮助。

    翻译自: https://www.journaldev.com/15737/designers-developers-web-development-tools

    微信web开发工具如何使用

    展开全文
  • 微信web开发工具调试h5 对于开发人员而言,时间始终是稀缺资源。 从苛刻的截止日期到多个项目,再到意外的要求,我们对时间的需求不断。 因此,我们一直在寻找有助于提高生产率的工具和流程。 在本文中,我们将研究...

    微信web开发工具调试h5

    对于开发人员而言,时间始终是稀缺资源。 从苛刻的截止日期到多个项目,再到意外的要求,我们对时间的需求不断。 因此,我们一直在寻找有助于提高生产率的工具和流程。 在本文中,我们将研究五个Web开发工具,它们可能会为您带来所需的额外生产力。

    1.使用Oh My Zsh掌握命令行

    Windows和OS X的默认命令行界面( Command PromptBash )难以学习并且难以自定义。 如果您不是专家,那么您最终可能会重复执行可以自动化的琐碎任务。

    噢,我的Zsh是在zsh之上构建的,开源的,社区驱动的框架。许多人发现,命令行框架比默认选项更容易和更好。 噢,我的Zsh提供了许多开箱即用的插件 (250)和主题 (140),使您可以根据自己的喜好自定义终端。 噢,我的Zsh速度更快,使用起来更舒适,并且可以让您轻松地自动执行日常任务。 由于命令行正逐渐成为每个Web开发人员工作流程的一部分,因此这可能是一种非常有效的工具,可以将其纳入您的日常工作中。

    在计算机上安装Oh My Zsh非常简单...

    $ sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

    就像安装插件自定义主题一样。

    噢,我的Zish也拥有大量活跃的贡献者社区。 实际上, 已有1,500多人为该项目做出了贡献

    我使用该工具已有一年多了,我喜欢它如何简化我的工作流程以及它在终端中的工作变得多么容易。 使用“哦,我的Zsh”使我在命令行方面变得更加舒适和高效。 自动建议和别名特别加快了我的工作流程并提高了生产率。 我最喜欢的一些插件包括:

    • heroku: Heroku CLI的自动完成
    • zsh-autosuggestions:auto建议使用以前的任何命令。
    • NPM:自动完成和别名NPM

    2.使用失眠症即时测试API

    测试REST端点可能很麻烦,耗时且令人困惑。 Insomnia是一个免费的开放源代码,跨平台的GraphQL和REST客户端,它不仅功能强大,而且还具有直观,简单的UI,可简化测试并简化我的一天。 一些失眠功能包括:

    • 代码段生成:失眠可以为20多种不同的语言生成客户端代码,包括NodeJS,Go,Swift,Python,Java,C。
    • 插件系统:通过插件系统,您可以扩展Insomnia的功能。 您可以创建用于呈现自定义值的自定义模板标签,也可以使用Plugins API创建自定义颜色主题。
    • 环境变量:这些是可重用的值,可在失眠症的任何文本输入中使用。 一些常见的变量是基本URL,身份验证令牌和资源ID。


      失眠的主要好处之一是对GraphQL的支持。 下面的演示显示了查询GraphQL端点的典型工作流程。 在这个例子中,我送使用公共GraphQL API称为请求国家 传递URL时,失眠会自动生成架构。 在左侧发送查询后,它将在右侧返回响应。

      该应用程序附带许多有用的功能,可以简化您的工作流程。 例如,在这里我们可以看到使用环境变量的能力。

      使用API​​时,通常会在多个请求中重复相同的值。 手动执行此任务可能很耗时且困难。 使用环境变量可以允许您定义一个值,然后在需要的地方引用该值,从而解决了此问题。

      3.通过集线器增强Git超级能力

      我们大多数人在GitHub上花费很多时间。 Hub是一个命令行工具,可帮助您执行日常GitHub任务,而无需不断从终端来回切换。 Hub打包git并使用其他功能对其进行扩展,包括克隆存储库,列出最新的未解决问题以及通过Gist共享日志或代码段。 Hub不仅使使用GitHub变得更容易,而且通过将所有工具整合到一个环境中来提高生产力。

      您可以使用集线器执行大量命令和操作。 这是安装命令的完整列表 您还可以通过在终端上运行命令man hub来找到列表。

      4.使用DevDocs访问离线文档

      我们都使用文档。 (我们中的一些人相当多!)当您使用多种技术的堆栈时,在一组文档之间不断地来回切换可能既费时又不方便。 DevDocs解决了这个问题。 DevDocs是一个免费的开放源代码工具,可在一个干净且井井有条的Web UI中一次浏览多种编程语言和开发工具文档。

      DevDocs提供:

      • 即时搜寻
      • 离线支持
      • 移动支持
      • 黑暗主题
      • 键盘快捷键
      • 和更多

      DevDocs使阅读和搜索参考文档变得快速,容易,可访问和愉快。 而且,由于可以离线支持150多个项目,因此您无需担心保持与Internet的连接。 使用多种语言或工具时,此工具特别有用。 例如,我广泛使用它来同时阅读和搜索Vue和Cypress的文档。

      5.使用SVGOMG缩放SVG图像

      最后,将齿轮转换为更实用的工具,我们有了SVGOMG-免费的在线工具,用于优化SVG文件。 SVG(可缩放矢量图形)图像优于其他格式(例如PNG或JPG),因为它们能够缩放并在各种设备和屏幕尺寸上保持响应。 使用SVG的一个缺点是,由于冗余信息(例如编辑器元数据,注释,隐藏的元素以及默认值或非最佳值),文件可能会变得很大。 SVGOMG是安全删除和优化此数据以减小文件大小的工具。

      上图显示了典型场景,其中SVG文件已优化69.42%。 这是一个非常简单的工具,但是它可以帮助提高网站的整体性能并避免网页上出现膨胀。 SVGOMGSVGO(Optimizer)的UI实现,它是基于node.js的命令行工具。

      结论

      寻找改善我们工作方式的方法很重要。 通过利用上述工具,您可以提高生产力并简化工作流程。 开始确定可帮助您自动化工作流程的工具的优先级,您将获得节省时间和提高生产率的回报。

      翻译自: https://hackernoon.com/5-web-dev-tools-to-improve-your-productivity-gp163wmi

      微信web开发工具调试h5

      展开全文
    • 微信web开发工具合集

      2018-04-11 15:02:16
      可以有效的帮助开发者简单和高效地开发和调试微信小程序。合集(windows 64 、 windows 32 )版本为:1.02.1804090
    • webApp-demo 微信小程序 demo / ...查看『微信Web开发者工具』内容 替换以下文件 /Resources/app.nw/app/dist/components/create/createstep.js /Resources/app.nw/app/dist/stores/projectStores.js 运行『微信
    • 微信Web开发工具官方并不支持Linux,因为其开发工具是基于nwjs,理论上应该是可以在linux下搭建起来.搭建环境OS:Linux Mint 18.1 Serena (64-bit)Chrome:56.0.2924.87 (64-bit)NWJS:nwjs-v0.21.4-linux-x64.tar.gz先用...
    • 参考来源:微信web开发者工具 工具下载地址: Windows 64位版本:下载地址 MD5: e74dd9499379ad93c68a952133eb7116 Windows 32位版本:下载地址 MD5: b69a7d94a045430a1d8216950cb27199 Mac版本:下载地址 MD5:...
    • 1、点击微信开发者工具,击右键, 选择“属性”,打开面板之后,选择“快捷方式” => “目标” 2、在目标那一行的最后,输入“空格–disable-web-security --user-data-dir”,...4、重启微信开发者工具即可 ...
    • 微信web开发工具 移动设备调试

      千次阅读 2017-06-09 15:01:14
      1、必须先下载微信web调试工具这就不多说了 2、保证手机和电脑在同一网段,手机打开无线局域网,点击所连接的网络进去后在最底部,HTTP代理选择手动,服务器设置为和本机一样的IP,端口9973 3、打开web调试工具...
    • 微信Web开发工具开发小程序出现VM82:1 cloud init error: Error: invalid scope 没有权限,请先开通云服务 阿源是个女程序员啊~ 额,我百度了一下说是要配置云开发。见下图看到就是如何开通云开发(就是直接点击云...
    • 微信web开发工具-授权登录

      千次阅读 2016-10-27 16:45:22
      2. 在公众号列表中, 开发者工具-》web开发工具-> 绑定开发者账号 -》输入你的微信号(微信号需关注公众号才可绑定),邀请绑定在微信客户端确认邀请即可 3. 在测试管理账号中, 网页授权获取用户基本信息  ...
    • 开发小程序,需要下载微信web开发者工具,点我下载微信web开发者工具 当然在开发过程中少不了看微信小程序的API文档,点我看API文档 这个就是微信web开发者工具的界面, 小程序包含一个描述整体程序的 app 和...
    • chrome open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir ...open -a /Applications/微信web开发者工具.app --args --disable-web-security --user-data-dir ...
    • 微信web开发工具扫二维码无反应

      千次阅读 2018-11-28 14:46:38
      网上有好多方法,但是我一一实验都没有用,后来自己倒腾无意发现了原因 其实下图标记的一段文字已经说的很明确了,安装 开发工具的时候应该关闭其他应用, 亲测~~,有效。 ...
    • ![如图,请问如何解决?](https://img-ask.csdn.net/upload/201603/06/1457230587_349319.png)
    • 2019独角兽企业重金招聘Python...微信Web开发工具官方并不支持Linux,因为其开发工具是基于nwjs,理论上应该是可以在linux下搭建起来. 鸣谢: @yuan1994 @jerry79 @duan602728596 @pynix 参考: ...
    • 昨天在微信开发平台官网下了微信开发小程序软件(.exe 64位),在自己台式机(windows 7 系统,64位)上安装可以正常打开运行,但在自己笔记本(windows 10 ,64位)上,安装以后,点击无任何反应。 然后上网查资料...
    •  想进行微信小程序开发,但是将安装好的软件打开却提示我“当前系统不是安全代理,是否信任?”。what??还有这种操作的吗,不解决这个问题,根本就无法进行开发。然后我百度了一个晚上,按照晚上的方法还是无法解决...
    • 微信web开发者工具 x64 是一款微信公众平台为开发者提供的,用于帮助开发基于微信的网页或者webapp的桌面应用,通过模拟微信客户端的表现使得开发者可以使用这...点击查看微信web开发者工具使用方法==》微信web开发...
    • 调试工具主要有七大功能模块:Console、Sources、Network、Storage、AppData、Wxml、Sensor ...同浏览器开发不同,微信小程序框架会对脚本文件进行编译,所以Sources选项卡中,开发者看到的文件是...
    • 具体做法是删除project.config.json文件中的下列节点: "svr":"/", "client":"/", "qcloudRoot":"/", "miniprogramRoot":"/", "cloudfunctionRoot":"/", "jsserverRoot":"/", "pluginRoot":"/", ...
    • 微信公众平台为广大开发者带来福音,强势推出微信web开发者工具,让开发人员可以通过这款工具方便快捷的在PC电脑端或者Mac端完成开发与测试,那么问题来了,微信web开发者工具如何使用?别担心,下面在此为大家简单...
    • 微信web开发调试工具

      2016-12-13 17:24:36
      微信web开发者工具
    • 主要为大家详细介绍了Java微信公众平台开发第十四步,微信web开发者工具的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    • 为帮助开发者更方便、更安全地开发和调试基于微信的网页,微信推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。你可以...
    • 微信web调试工具

      2016-06-30 11:02:00
      做微信公众号开发的时候,最头疼的一件事,莫过于bug调试了。 由于有些功能涉及到权限问题,必须在微信公众号内打开,所以对开发人员来说就是遇到了一场...2.工具:微信web开发工具。 微信wb开发工具使用步骤:...

    空空如也

    空空如也

    1 2 3 4 5 ... 20
    收藏数 1,684
    精华内容 673
    关键字:

    微信web开发工具