<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          Chrome 開發(fā)者工具的 11 個騷技巧

          共 910字,需瀏覽 2分鐘

           ·

          2020-09-30 15:33

          點(diǎn)擊上方“?python入門與進(jìn)階”,關(guān)注并“星標(biāo)

          每日接收Python干貨!

          對于每個開發(fā)從業(yè)者來說,除了F5鍵之外,用的最多的另外一個鍵就是F12了。最近大神(@小魚二)推薦我一個網(wǎng)站,才知道chrome還有各種騷姿勢。這個網(wǎng)站是:umaar.com/dev-tips/,本文分享一些實(shí)用且聰明的調(diào)試技巧。


          1、曾經(jīng),在線調(diào)偽類樣式困擾過你?



          2、源代碼快速定位到某一行!ctrl + p



          3、聯(lián)調(diào)接口失敗時,后臺老哥總管你要response?



          4、你還一層層展開dom?Alt + Click



          5、是不是報錯了,你才去打斷點(diǎn)?



          6、你是不是經(jīng)常想不起來,在哪綁定事件的?



          7、你是不是打斷點(diǎn)時還要去改代碼?



          8、看dom層級的最直觀的方式?



          9、查一些特定的請求,過濾器用過嗎?



          10、在Elements面板調(diào)整dom結(jié)構(gòu)很不方便?



          11、想知道,某圖片加載的代碼在哪?Initiator



          12、不想加載某個文件了?



          多的就不列舉了,可以看看開頭的網(wǎng)站。看了有幾個功能我電腦(win10)是沒有的,應(yīng)該跟chrome版本有關(guān)。


          開發(fā)者工具的功能確實(shí)挺多,多得有時根本用不上,官網(wǎng)教程建議每個前端人員都看看:


          中文版:https://www.html.cn/doc/chrome-devtools/

          ?

          作者:老姚
          鏈接:juejin.im/post/5af53823f265da0b75282b0f


          - end -

          回復(fù)關(guān)鍵字“ 簡明python ”,立即獲取入門必備書籍簡明python教程》電子版

          回復(fù)關(guān)鍵字爬蟲 ”,立即獲取爬蟲學(xué)習(xí)資料

          python入門與進(jìn)階
          每天與你一起成長

          推薦閱讀

          點(diǎn)「在看」的人都變好看了哦!
          瀏覽 30
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  国产激情无码视频网站 | 日韩性爱一区二区三区 | 女人操逼视频精品在线播放 | 奇米网在线成人在线 | 中文字幕国产豆花 |