首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Fiddler助力开发调试

来源:51testing Fiddler是一个非常强大的代理工具,可以让你的前端开发调试更加方便。下面介绍在开发调试方面的应用。   ...网页开发中,由于有js接口安全域名和授权域名等的限制,导致部分功能需要部署到线上才能测试。通过代理可以实现本地调试网站的所有功能。...设置代理服务器   打开开发者工具,设置 -> 代理设置 -> 选择手动设置代理。   Fiddler默认运行在127.0.0.1:8888。...到这里,本篇文章的主要内容就结束了,如果你想了解更多关于Fiddler和代理工具的使用,可以参考我同事的文章代理工具Fiddler -调试与替换接口状态,   代理工具做项目的调试配置。   ...比如开发者工具的登录和域名校验就是使用的HTTPS与信服务器通信的,如果不代理这部分流量是无法正常运行开发者工具的。

1.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    小程序开发调试bug

    开发小程序过程中,为了方便调试我们一般勾选不检验合法域名选项,如图: image.png 这样我们就可以使用测试服务器进行调试测试了,开发完成后如果想用手机测试,则需要点击真机调试: image.png...这样手机就会自动打开项目,但是这里有个问题,手机小程序必须开启调试模式才能正常请求,因为我们的域名是测试域名。...开发到这里一般问题就出现了,按照我说的流程,ios手机是不会有问题的,有问题的是安卓手机,安卓手机在打开测试版小程序时,并且打开调试面板,依然不能发出请求,返回的状态码是308,这个状态时信服务器返回的...,安卓手机调试时使用不合法的域名是不能调试 的,这里需要注意。

    1.4K40

    开发本地内网调试方法 转

    简介 由于浏览器中获取用户信息的回调地址必须是已经ICP备案的域名。...这样就导致无法本地开发比较麻烦,解决方案为内网穿透,如ngrok(二级域名每次启动会变化)、花生壳(需要支付8元)、NATAPP(和ngrok类似,本文使用)。...本程序基于开发者工具完成调试 NATAPP使用 注册NATAPP并实名认证 购买隧道 - 免费隧道 - Web(端口80)- 购买之后可在我的隧道中查看 - 复制authtoken 下载NATAPP...} 将web项目拷贝到配置中的root路径 启动nginx(此时可通过http://127.0.0.1或http://smalle.natappfree.cc访问) 配置回调地址 后台...code=" + code; $.get(url, function(res) { console.log(res); }); ---- 相关文章:服务号使用网页授权(H5应用等)

    2.6K41

    开发公众号本地调试+-+cpolar内网穿透

    前言 在公众号开发中,要求开发者需要拥有自己的服务器资源来响应发送的token验证,这个服务器只能通过域名访问,不能使用ip地址来进行访问,如果购买服务器,再购买域名,将是一笔比较大的开销,...配置本地服务器 创建本地服务,这里以java服务为例,环境配置: JDK1.8 maven springboot tomcat 根据开发者文档的接入指南中要求,对的发送的get请求参数进行加密对比...复制所保留的二级子域名 4.2 配置二级子域名 访问http://127.0.0.1:9200/,登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到刚刚创建的http开发隧道...使用固定二级子域名进行开发 打开公众平台——公众号页面,点击基本配置,修改URL的值,修改前需要点击停用服务器配置,替换后点击提交 出现提交成功表示替换成功 接着,点击启动服务器配置,出现操作成功表示成功...,接下来就可以使用本地服务器进行开发

    57910

    Mac小工具使用体验

    现在已经是国内用户活跃度第一的应用了,随着一代代的更新,的功能越来越强大,而今天我要介绍一个小工具给你,能给你的MacOS上的信使用带来不一样的惊喜。...功能介绍 这个一个功能强大的 macOS 版小助手,上一张作者写的功能介绍的的截图,具体实现后面讲。...你也可以参考作者提供的完整方法: https://github.com/TKkk-iOSer/WeChatPlugin-MacOS/blob/master/Install.md 简单使用 安装好了之后你打开将在菜单栏中看到小工具...多开 这个功能对应着上面的登录新的功能,有多个信号的人能充分享受到这个功能的方便了,你只要点击该菜单,然后按照正常登录的步骤来就好了。...本文讲的是小工具,有没有QQ小工具呢?还真的有,也是同一个作者写的,地址: https://github.com/TKkk-iOSer/QQPlugin-macOS

    83310

    小程序调试步骤

    运行之后会产生一个地址 3.该地址需要进行配置到文件里面 4.这个时候在项目的文件夹里面会有一个unpackage文件夹 5.小程序进行加载文件夹的时候,需要进行加载这个文件夹的根目录,带有app.json的目录 6.调试工具里面可以直接进行运行起来了...前言 最近在进行小程序的开发,接手了一些的小程序的项目,这个是原来都没有处理过的,一脸蒙圈,通过同事的协助以及自己的倒弄终于调试运行起来了,现在做一个记录备份; 准备工作 工具安装:HBuilderX...该地址需要进行配置到文件里面 4.这个时候在项目的文件夹里面会有一个unpackage文件夹 5.小程序进行加载文件夹的时候,需要进行加载这个文件夹的根目录,带有app.json的目录 6.调试工具里面可以直接进行运行起来了

    2.9K51

    本地调试接口方法

    调试接口,例如调试消息收发接口,我们需要提供一个公网访问url,正常情况下,我们需要建立web工程,然后打包,不部署服务器,提供服务器外网访问url。...这里介绍三种方式,将本地运行代码发布到互联网,提供映射域名,实现本地调试接口: 1、使用ngrok:详见http://blog.csdn.net/liuxiyangyang/article/details...(由于ngrok每次映射的公网域名都是随机的,这样每次重启都会发生变化,给本地调试造成麻烦,所以需要这个授权码,使我们的域名固定) 第二步:打开cmd窗口,进入ngrok目录,输入ngrok 80,就可以得到本机...详见http://www.imooc.com/wenda/detail/241318 值得注意的一点是,nat123虽然提供免费的域名,但是使用nat123的免费域名虽然在浏览器上能正常访问,但是在信里就会提示

    21110

    如何在本地进行公众号的开发调试

    我们在进行公众号开发时,必须要有外网域名才能收到信服务器的推送,这给开发调试带来很大的不便 现在方便了,QQ浏览器提供了公众号调试工具,开发者可以在自己的开发机上进行开发调试,不再需要外网...IP和域名 可以直观看到已接收和已发送的消息内容和事件,方便开发和问题定位 可以重复发送已接收的报文,避免调试时频繁操作手机 原理 调试工具内置了一个server,监听你本地运行的程序,并为你生成一个外网的...url,你只需要在公众号的开发信息中配置上这个url,公众号收到消息后,就会通过这个url转发到调试工具上,调试工具再转给你的本地运行程序 ?...使用方法 (1)在本机启动运行自己程序的server (2)打开qq浏览器,在应用中心中安装“调试工具”,安装完成后,选择“服务器端调试” (3)填写本地server的ip和端口号,调试工具会返回一个外部...URL (4)到公众号后台开发者配置信息中填写这个URL (5)用向公众号发送消息测试 更详细信息查看 blog.qqbrowser.cc

    2.7K70

    开发者工具:真机调试2.0上线

    开发者工具的真机调试2.0 版本成功将渲染层与逻辑层运行在真机,实现以下新优势: 更真:更接近真机表现 更全:覆盖Canvas、Udp 等接口 接下来探探这些新变化吧!...覆盖更多接口 尽管团队针对某些接口(例如Canvas)进行真机优化适配,但是1.0版本逻辑层与渲染层分离的特点导致逻辑层运行结果无法直接被真机使用,导致接口无法调试而失败。...为此,团队针对不同系统的小程序注入不同的调试代码,实现新的真机调试功能。 由于不同系统注入的调试逻辑不同,因此用户需要选择系统类型进行真机调试。不过用户也无需担心注入代码造成代码包超限的情况。...团队已进行兼容处理,依然按照用户原始代码包体积计算代码包大小。 ‧ ‧ ‧ 总 结 ‧ ‧ ‧ 真机调试1.0 版本很好地利用了小程序的双线程架构,利用渲染层和逻辑层分离实现真机调试。...而真机调试2.0 版本将渲染层和逻辑层都运行在真机,实现真机调试更接近真机表现,同时成功调试1.0 版本无法调试的接口,让开发者排查和定位问题变得更加容易。

    2.6K30

    开发

    支付和开放平台是属于开发两个体系,我们今天只说开放平台,打开开放平台,包括移动应用开发,网站应用开发,公众号开发,第三方平台开发,第三方平台开发在这里就不说了,本质就是做组件,做通用的的解决方案...开放平台下面的应用的关系图如下图,如果你要做登录,有扫码绑定就可以了; 消息的话需要服务号和扫码绑定;小程序独立存在,但是消息又可以跳转到小程序。 ?...如果把下面的名词理解透彻,开发就不是什么大事了!...UNION_ID 同一个开放平台帐号下的移动应用、网站应用和公众帐号,用户的UnionID是唯一的。当开发者拥有多个公众号或应用时,同使用UnionID来确保账号的唯一性。...事件订阅 新用户关注公众平台或者接受消息,将产生一个订阅事件,即subscribe事件,消息就要靠订阅事件来完成。 最后注意一下白名单和回调域设置,当然其他还有非常多的东西需要注意。

    1.9K40

    开发开发 之 开启开发模式

    han1202012/WeChatVerify.git CSDN下载认证程序的war包和源码 : http://download.csdn.net/detail/han1202012/6999207 验证...开发者文档 首先进入编辑模式, 将编辑模式关闭, 进入开发模式 :  点击查看文档, 就可以打开开发者文档 : 路线 功能 -> 高级功能 -> 开发模式 -> 查看文档 ; 开发者文档目录结构说明...网页授权用户基本信息 网页获取用户网络状态; -- 自定义菜单 : 包括 自定义菜单创建接口 自定义菜单查询接口 自定义菜单删除接口 自定义菜单事件推送; -- 推广支持 : 包括 生成带参数的二维码 ; -- ...JS接口 : 包括 隐藏信中网页右上角的按钮 隐藏信中网页底部的导航栏 网页获取用户网络状态; -- 开发者交流互助 : 包括 开发者问答系统 接口调试工具 接口体验测试号申请; 2....开发者校验流程解析 (1)申请消息接口 点击开发模式 "成为开发者" 按钮之后, 会弹出协议 :  之后会弹出填写 URL 和 Token :  -- URL : 用来接收信服务器数据的接口URL;

    1.3K20

    开发--公众号(一)

    工具: 公众号,新浪云(还有云豆 ? ),SourceTree 准备: 开通一个测试号并关注(毕竟不是测试号我们没有那么多权限啦.)...公众平台开发者文档--接入指南 1.在新浪云服务器的仓库里新建PHP文件,右键url访问,复制url地址在 测试账号的 接口配置信息里,Token 随便起一个 (好记的)名字 2.配置PHP文件并上传服务器...,配置按照 公众号开发者文档 接入指南,第一步已经在第一条完成 3, 第二步 下载PHP示例代码,解压打开PHP文件夹下的 sha1.php 文件, 修改文件信息如下: <?...公众平台开发者文档--获取access_token 官方文档是这样说的. access_token是公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用access_token。...公众平台开发者文档--自定义菜单--自定义菜单创建接口 8. 新建一个PHP文件,我取名 menu.php ,此文件用来自定义菜单,代码示例: <?

    21.1K32

    开发--小程序(四)

    2.在小程序管理后台,还需要配置合法域名。当然,在后台还没有部署https之前,我们也可以进行开发调试,只需要设置不校验合法域名,https证书等即可。...四:小程序开发单位问题 我们再开发iOS的时候默认使用pt;在开发Android的时候,我们使用dp,sp等单位;在开发web的时候使用em,rem等单位。...五:wxss文件中不支持本地图片 如果我们有一个需求:添加一张背景图,根据web开发思维,肯定是在background-image:中设置本地图片的路径,但是在小程序上这是行不通的。...—— button按钮去除border边框 在开发小程序组件框架时,我遇到了一个问题,小程序中的button组件有特定的css,背景可以用“background:none”去掉,但是边框再用“...参考博客: 小程序开发深入解读 : https://blog.csdn.net/dreamhai/article/details/81002285 小程序开发经验总结(遇到的坑和问题汇总) https

    19.4K51

    JS-SDK 本地调试

    最近在开发 h5 应用的时候,需要调起的扫一扫功能。那就得使用到的 JS-SDK,怎么在本地开发中,使用 JS-SDK 的功能呢?...(功能不限于扫一扫) 在这里,我们介绍两种方法: Demo 在 Mac M1 上进行;其他平台请自行验证 假设你已经申请了公众号测试账号,如果不知道如何操作,请前往本人之前的文章 - 调试公众号获取用户信息...access_token=ACCESS_TOKEN&type=jsapi 可以获取 Jsapi Ticket: 获取签名 我们已经获取到 jsapi_ticket,之后,通过 js 签名工具...开发工具的控制台输出的效果如下: 图中的 signature 是重新生成的 2....参考文 JS-SDK 如何本地调试 Mac上安装ngrok实现内网穿透

    11.9K10

    安卓页面的调试

    开发移动端页面时,一般都得保证在页面中能够正常访问,虽说信内置浏览器统一了各个不同安卓机的WebView,但在不同的机子上,还是会出现不一样的兼容问题。...、小程序的相关调试 一、能够访问页面 在开发安卓页面时,刚开始一般是会在PC上进行,等到开发后期的自测阶段再转到安卓模拟器上、转到各种真机上自测,上线了如果出问题还需要在真机上调试测试...使用开发者工具进行调试 开发者工具的调试分为两种,一种是基于Weinre的网络连接调试,另一种是基于USB线缆连接的调试。...调试情况与Chrome的远程调试类似,差的是开发工具里调试功能的稍微旧了些,好的是它可以识别一些Chrome识别不到的  5....使用 spy-debugger   进行调试 对Weinre来说,除了使用开发者工具的集成之外,还有另一个稍好的方案 spy-debugger本质上也是基于weinre进行开发调试的,除此之外它还支持

    4.1K20
    领券