iT邦幫忙

2023 iThome 鐵人賽

DAY 27
1

今天來聊聊其他Console、Network、Source


Console

它使開發人員在網頁上執行JavaScript代碼,並查看輸出、調試錯誤以及進行測試。

  • Console 頁籤:

    • 用於顯示JavaScript輸出和錯誤消息
  • 執行JavaScript代碼:

    • 在Console中,可以輸入JavaScript代碼,然後按下Enter鍵執行。
    • 舉例來說,你輸入console.log('it day27! ')來將內容輸出到Console。
  • Console命令:

    • clear : 清除Console
    • table : 以表格形式顯示數據

Network

Network可以查看訪問伺服器的過程

  • General : 紀錄如何訪問這個網頁
  • Response Header : 訪問網頁伺服器時,回傳給我們的資料
  • Request header:訪問伺服器時自身帶的資料
  • Query string parameters : 紀錄用問號帶來的參數
  • Form data : 用post請求時帶過來的參數

Cookie

  • 小型文字檔案
  • 記載辨別用戶身份而存在用戶端的資料
  • 暫存在Response Header,未來要用時,可不用再輸入

明天見啦~


上一篇
【DAY26】開發人員工具(1)
下一篇
【DAY28】request
系列文
30天全端:關於網站實作的聊聊30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言