chrome開發者工具（一）

chrome開發者工具

    一、接口自動話應用(api調試，抓包)

        (一)抓包

            network

                Preserve log✔  抓取所有跳轉的包，而不是最後一次的路徑

                Disable cache ✔  禁用緩存

                過濾器的選擇（ALL)

                找到指定的包？

   二、web 自動化應用(元素層級分析，定位調試，手寫xpath)

        (一）

            元素定位

            任何在console界面調試通過的定位，selenium都能找到

    三、移動端測試(模拟移動端、h5測試、弱網測試)

        (一)模拟移動端

            模拟手機、測試H5

                選擇手機模式，可以選擇手機型号

        (二)弱網模拟

            network->online子產品

                選擇 offline 模式

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

            預設網絡/配置參數

    四、網頁測試(js調試，修改、報錯分析，網頁性能分析)

        (一)網頁分析

            html會報錯：界面

            js報錯：功能

            css報錯：界面