• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    谷歌瀏覽器F12基本用法

    谷歌瀏覽器的F12,開辟人員調試利器;小編在這里做的只是拋磚引玉的感化,更為壯大的功能還需要讀者的進一步研究哦

    東西/原料

    • 谷歌瀏覽器

    方式/步調

    1. 1

      第一步:打開你想進行調試的頁面,并按F12進入到調試模式

      此處以百度頁面為例進行功能展示

      這是關于最右側“元素選擇器”的功能展示:

      8326cffc1e178a821dd81bdffb03738da877e8ed.jpg
    2. 2

      關于第二個功能的利用,這個功能是將頁面順應當作手機屏幕巨細,若是是開辟電腦和手機同時利用的軟件時這個功能比力有效

      35a85edf8db1cb1376635a6cd054564e92584b42.jpg
    3. 3

      elements:點擊這個功能后呈現的是當前頁面的html文件,在你想及時點竄的阿誰元素處雙擊,可以臨時點竄,不外并沒有同步到后臺,這個功能凡是和第一個功能元素選擇器搭配利用

      d4628535e5dde711b9382589aaefce1b9c1661e2.jpg
    4. 4

      console:節制臺,用來打印錯誤信息和你在后臺寫的console.log("顯示信息")

      c8177f3e6709c93d2dfa6f88923df8dcd1005440.jpg
    5. 5

      source:資本辦理功能,用于調試js文件,這里要申明的一點是,在右側找不到你想調試的js文件時,可以在后臺寫“debugger”進入到這個js文件后可以在右側單擊打斷點,想調哪里就哪里

      d6ca7bcb0a46f21f5df43f2cfb246b600d33ae89.jpg b8014a90f603738d0d4e6c5dbe1bb051f819ec4d.jpg
    6. 6

      network:收集功能,用于查看相關的ajax請求,詳情請看圖片(挨次:從左到右,從上到下)

      18d8bc3eb13533facffcf351a5d3fd1f41345b02.jpgEND

    注重事項

    • 實踐是查驗真理的獨一尺度,列位看官必然要脫手實踐呀
    • 發表于 2018-10-18 00:00
    • 閱讀 ( 1291 )
    • 分類:電腦網絡

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆