建站
咨詢
售后
建站咨詢
新聞中心
本章節(jié)為大家介紹如何在瀏覽器上進(jìn)行 JavaScript 代碼的運(yùn)行與調(diào)試。
成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)潁上,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
目前的主流瀏覽器有谷歌的Chrome（使用blink內(nèi)核），微軟的edge（使用chromium內(nèi)核，這是一款谷歌提供的開源瀏覽器內(nèi)核）和IE（使用trident內(nèi)核），網(wǎng)景的火狐瀏覽器（使用gecko內(nèi)核），以及macOS的Safari（使用webkit內(nèi)核），這些瀏覽器的開發(fā)者工具都大同小異，本文以谷歌的Chrome瀏覽器為例進(jìn)行介紹。
Chrome 是由 Google 開發(fā)的免費(fèi)網(wǎng)頁瀏覽器，對于前端開發(fā)來說（尤其是調(diào)試代碼）非常方便。
Chrome 官網(wǎng)地址：https://www.google.com/intl/zh-CN/chrome/。
我們在 Chrome 瀏覽器中可以通過按下 F12 按鈕或者右擊頁面，選擇"檢查"來開啟開發(fā)者工具。
也可以在右上角菜單欄選擇 "更多工具"=》"開發(fā)者工具" 來開啟：
1、Console 窗口調(diào)試 JavaScript 代碼
打開開發(fā)者工具后，我們可以在 Console 窗口調(diào)試 JavaScript代碼，如下圖：
上圖中我們在 > 符號后輸入我們要執(zhí)行的代碼 console.log("cdcxhl.com")，按回車后執(zhí)行。
我們也可以在其他地方復(fù)制一段代碼過來執(zhí)行，比如復(fù)制以下代碼到 Console 窗口，按回車執(zhí)行：
console.log("cdcxhl.com")
console.log("編程獅")清空 Console 窗口到內(nèi)容可以按以下按鈕：
2、Chrome snippets 小腳本
我們也可以在 Chrome 瀏覽器中創(chuàng)建一個腳本來執(zhí)行，在開發(fā)者工具中點(diǎn)擊 Sources 面板，選擇 Snippets 選項(xiàng)卡，在導(dǎo)航器中右擊鼠標(biāo)，然后選擇 Create new snippet 來新建一個腳本文件：
如果你沒看到 Snippets ，可以點(diǎn)下面板上到 >> 就能看到了。
點(diǎn)擊 Create new snippet 后，會自動創(chuàng)建一個文件，你只需在右側(cè)窗口輸入以下代碼，然后按 Command+S（Mac）或 Ctrl+S（Windows 和 Linux）保存更改即可。
console.log("cdcxhl.com")
console.log("編程獅")保存后，右擊文件名，選擇 "Run" 執(zhí)行代碼：
分享文章：創(chuàng)新互聯(lián)JAVA教程：JavaScript瀏覽器中執(zhí)行
網(wǎng)站路徑：http://www.dlmjj.cn/article/cogchig.html
