瀏覽器開發者工具

瀏覽器開發者工具

Professional Development

5 Qs

quiz-placeholder

Similar activities

資通訊標準

資通訊標準

Professional Development

1 Qs

erp-採購-10

erp-採購-10

University - Professional Development

10 Qs

Nostro for IT

Nostro for IT

Professional Development

8 Qs

認識API和RESTful API

認識API和RESTful API

Professional Development

5 Qs

KOL training part1

KOL training part1

Professional Development

4 Qs

生成AIクイズ

生成AIクイズ

Professional Development

10 Qs

e-teacher

e-teacher

Professional Development

4 Qs

113國中圈-第2群組數位教學指引3.0小測驗

113國中圈-第2群組數位教學指引3.0小測驗

Professional Development

8 Qs

瀏覽器開發者工具

瀏覽器開發者工具

Assessment

Quiz

Computers

Professional Development

Medium

Created by

汪又新 汪又新

Used 1+ times

FREE Resource

5 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

關於打開開發者工具DevTools介面的方法,哪個錯誤?

在Windows系統中可以按下Control + Shift + I

在Mac系統中可以按下F12

在Mac系統中可以按下Command + Option + I

Mac和Windows都能透過「右鍵→檢查 」來打開工具介面

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

在使用 Chrome DevTools 時,該在哪個面板中查看網路請求的結果?

Console

Network

Elements

Sources

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

在使用 Chrome DevTools 時,該在哪個面板中查看JavaScript相關的錯誤?

Network

Elements

Application

Console

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

關於常見的HTTP狀態碼,以下何者描述「錯誤」?

200:OK

404:Not Found

777:Jackpot

500:Internal Server Error

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

關於開發者工具的描述何者正確?

我們可以利用開發者工具所提供的「裝置模式」協助我們模擬網頁在不同裝置上瀏覽時的模樣

「裝置模式」下模擬的尺寸只能選擇預設既有選項,不能隨意設定

透過模擬裝置的設置可以模擬各種裝置的運算效能和網速,包含較慢的網速或較快的網速

使用開發者工具可以協助我們檢視網站的Html, CSS, Java 等內容