网站开发和接口开发的调试方法

发现很多新手,不知道怎么调试php及网站。特别是牵扯到用了ajax的,更迷茫不会了。下边我一步步讲解.
一.网站调试可以直接浏览器测试,那接口怎么测试呢?怎么看返回数据及修改网页内容测试? 第一步 下载个谷歌浏览器 第二步 打开要调试的网站,然后按f12打开开发者工具。如下图
网站调试方法
注意看箭头所指的地方。network 是网络,里边是当前网页所有的请求地址,包括加载的js,css,ajax请求等,点击可以过滤console 是控制台 下边可以写代码,会立马在当前页面执行,可以理解为页面里嵌套了js文件all 是当前页面加载的所有js,css异步请求等,包括当前页面!status 是http的返回状态,也就是当前url的请求,服务器返回的状态 最下边列表是当前页面加载的所有文件名和路径
下边再看第二个图
接口开发调试方法上边这几个卡页
preview 是把返回的结果格式化,类似个小型浏览器会解析html代码response 原始返回数据headers 当前url的请求信息,包括请求方式,参数等二.目前很多公司都会开发手机版页面,可怎么查看手机版的效果呢?
手机页面调试方法
注意看图红色箭头。点击下右侧最上边的手机图标,然后左侧页面就会切换成手机模式。点击左上角手机型号,即可切换不同手机来调试了
ajax页面调试方法
注意看最下边form data这里就是这个地址的请求参数!!这样就能看到接口的返回信息了而cookie卡页,就是当前网页的cookie
三.支付等第三方接口调试方法
支付接口回调,对接第三方各种接口,特别是接收对方回调的接口调试是个头大的事,因为不可能让对方一次次发请求测试你这边接口。下边我教大家怎么调试这类接口方法1:记日志,在回调接口里把所有数据都写到日志里或数据库里,这样就能看到对方接口的返回数据了,也方便以后查bug。写数据就不说了,调用file或数据库插入。优点:简单,实现方便。缺点:若日志量大对数据库压力太大,可能会把数据库写挂掉。
方法2:下边说另一种方式,写系统日志,这种不管网站访问量多大,都对代码不会产生性能影响。
即利用系统日志log,php里有如下函数
openlog
syslog
自己根据数据格式,模拟请求自己的接口。google也有插件,firefox也有。或用其他网站也可以。 大家百度搜索, 在线http接口测试。或自己写代码也可以。四.已上线的网站如何调试和监控运行状态
在程序运行的关键点上加上日志输出,这样当排查问题时就可以追溯日志了.
把日志存储到linux或windows的系统日志里,不管写多少都不影响程序性能!
若网站访问量不大,可以考虑写文件或数据库,但若访问量打了,可能写文件会把文件锁死!!!写数据库会把数据库写挂!!!
---监控小网站可以自己写个python脚本来扫日志监控,大网站就需要整个一套日志监控系统了。