瀏覽器開發者工具

瀏覽器開發者工具

Professional Development

5 Qs

quiz-placeholder

Similar activities

資訊科技融入教學知多少?

資訊科技融入教學知多少?

Professional Development

6 Qs

資訊融入教學研習

資訊融入教學研習

Professional Development

8 Qs

BUILD Fun

BUILD Fun

Professional Development

10 Qs

电脑与技术

电脑与技术

Professional Development

9 Qs

老師帳號知多少

老師帳號知多少

Professional Development

7 Qs

0828 新進教師研習

0828 新進教師研習

Professional Development

3 Qs

智慧型手機應用程式測驗

智慧型手機應用程式測驗

Professional Development

10 Qs

社交工程問答

社交工程問答

Professional Development

5 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 等內容