chrome开发者工具（一）

chrome开发者工具

    一、接口自动话应用(api调试，抓包)

        (一)抓包

            network

                Preserve log✔  抓取所有跳转的包，而不是最后一次的路径

                Disable cache ✔  禁用缓存

                过滤器的选择（ALL)

                找到指定的包？

   二、web 自动化应用(元素层级分析，定位调试，手写xpath)

        (一）

            元素定位

            任何在console界面调试通过的定位，selenium都能找到

    三、移动端测试(模拟移动端、h5测试、弱网测试)

        (一)模拟移动端

            模拟手机、测试H5

                选择手机模式，可以选择手机型号

        (二)弱网模拟

            network->online模块

                选择 offline 模式

                也可模拟slow 3g 或者自己也可以去配置

            预设网络/配置参数

    四、网页测试(js调试，修改、报错分析，网页性能分析)

        (一)网页分析

            html会报错：界面

            js报错：功能

            css报错：界面