首页新闻招聘找找看知识库


  • 工具:浏览器F12(这是个键盘上的键), Firebug, Fiddler,YSlow,Browser Insight ,HttpWatch,Weinre

    PS:本帖主要介绍这些工具是怎么使用的,开始觉得F12这个快被我按坏的键盘按键已经不用介绍了,单细心一想,其实我用手表右键审查元素看404错误的情况因为是比较多的,
    所以先介绍F12
    主要围绕几类网页测试 如何使用这些工具
    1 那种新浪首页类 没有什么交互和ajax请求的
    2 那种微博首页类 有大量交互和ajax请求的
    4 那种页面上N多个按钮需要点击的
    5 微信业务,微信朋友圈分享的页面的测试
    6 安卓和ios 应用调用浏览器打开网页的这种页面的测试

    其中Browser Insight 是可以部署在博客园的博客,查看子集博客的访问统计和页面加载时间具体看这里 http://www.cnblogs.com/qqloving/p/4896825.html

     Firebug, Fiddler,YSlow ,HttpWatch主要用于本机上

    WeinrePS 主要用于本机连接移动端

  • 互联网Fans
    2015-11-08 17:57 互联网Fans

    这个F12 不同的浏览器 名称不太一样,功能也各有特色,但是用于开发和测试的基本功能点都是一样
    ie浏览器:ie6 没有这个工具,ie7和8很薄弱,ie9以后开始具备基本的网络,看脚本错误,看html文档结构了
    火狐浏览器:36版本以前的浏览器用Firebug插件(页面测试鼻祖),37后火狐有了自己的调试工具,但是我觉得不好使用
    谷歌浏览器:谷歌浏览器诞生的年代较晚,一开始就有强大的F12工具,现在还可以模拟手机端的网络类型,页面尺寸,触摸等好用的功能
    苹果浏览器:最近一次下载苹果5还是苹果8,默认不开启开发人员工具,但是细心找找,还是可以开启的,和谷歌的差不多
    移动端原生浏览器:没有这个功能,但是可以连接PC 上的浏览器,用pc的开发者工具也可以通过Weinre
    移动端的webview(微信):没有这个功能,用Browser Insight的js代码收集最基础的js错误和ajax信息
    对于逼格搞的公司喜欢搞多设备,多浏览器兼容性测试,Browser Insight收集错误信息和ajax信息还是可以的
    --------------------------------------------------------------------------------------------------------------------------------------
    就目前而言 谷歌浏览器是最好的移动端和pc端 ,移动端还可以模拟触摸点击和和改变浏览器尺寸等点击查看大图
    点击查看大图
    第1楼 回到顶楼
  • 互联网Fans
    2015-11-08 17:58 互联网Fans
    F12 的主要功能和常用功能
    元素
    网络
    js等资源
    时间线
    cookie等本地资源
    console控制台
    常用的 也就 console控制台看看有没有报错,网络卡看接口有没有报错有没有404找不到
    第2楼 回到顶楼
  • 互联网Fans
    2015-11-11 09:17 互联网Fans
    点击查看大图
    点击查看大图
    第3楼 回到顶楼
登录后才能评论,请先登录注册