前端的開(kāi)發(fā)工具之實(shí)時(shí)無(wú)刷新自動(dòng)加載頁(yè)面

wing324 發(fā)布于2019-08-21 18:42 / 742人閱讀

摘要：和等通用代碼編輯器不一樣，是專門針對(duì)前端開(kāi)發(fā)而生安裝好軟件之后打開(kāi)需要調(diào)試的文件點(diǎn)擊如下圖所示的按鈕就可以實(shí)現(xiàn)無(wú)刷新自動(dòng)加載頁(yè)面了

WebStorm10.0.3 live Edit與Google瀏覽器實(shí)時(shí)無(wú)刷新自動(dòng)加載頁(yè)面

Webstorm中的配置

點(diǎn)擊: File->Settings->Build,Execution,Deployment->Debugger->Live Edit

在Google瀏覽器中安裝JetBrains IDE Support擴(kuò)展程序.

在WebStorm中, 右擊選中你要在瀏覽器中實(shí)時(shí)刷新的頁(yè)面, 選擇"Debug "index.html""菜單, 到這里所有的設(shè)置步驟就完成了, 現(xiàn)在修改html文件代碼, 谷歌瀏覽器就已經(jīng)同步看到更新了.
注意: 瀏覽器上面的黃色背景提示一定不能關(guān)閉!

使用Brackets編輯器

Brackets 是一個(gè)免費(fèi)、開(kāi)源且跨平臺(tái)的 HTML/CSS/JavaScript 前端 WEB 集成開(kāi)發(fā)環(huán)境 (IDE工具)。該項(xiàng)目由 Adobe 創(chuàng)建和維護(hù)，根據(jù)MIT許可證發(fā)布，支持 Windows、Linux 以及 OS X 平臺(tái)。

Brackets 的特點(diǎn)是簡(jiǎn)約、優(yōu)雅、快捷！它沒(méi)有很多的視圖或者面板，也沒(méi)太多花哨的功能，它的核心目標(biāo)是減少在開(kāi)發(fā)過(guò)程中那些效率低下的重復(fù)性工作，例如瀏覽器刷新，修改元素的樣式，搜索功能等等。和 Sublime Text、Everedit 等通用代碼編輯器不一樣，Brackets 是專門針對(duì) WEB 前端開(kāi)發(fā)而生……

安裝好軟件之后, 打開(kāi)需要調(diào)試的html文件, 點(diǎn)擊如下圖所示的按鈕就可以實(shí)現(xiàn)無(wú)刷新自動(dòng)加載頁(yè)面了.

GPU云服務(wù)器云服務(wù)器無(wú)刷新加載 asp無(wú)刷新加載內(nèi)容 ajax無(wú)刷新頁(yè)面 php無(wú)點(diǎn)擊刷新頁(yè)面

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90743.html

相關(guān)文章

前端的開(kāi)發(fā)工具之實(shí)時(shí)無(wú)刷新自動(dòng)加載頁(yè)面

摘要：和等通用代碼編輯器不一樣，是專門針對(duì)前端開(kāi)發(fā)而生安裝好軟件之后打開(kāi)需要調(diào)試的文件點(diǎn)擊如下圖所示的按鈕就可以實(shí)現(xiàn)無(wú)刷新自動(dòng)加載頁(yè)面了 WebStorm10.0.3 live Edit與Google瀏覽器實(shí)時(shí)無(wú)刷新自動(dòng)加載頁(yè)面 Webstorm中的配置點(diǎn)擊: File->Settings->Build,Execution,Deployment->Debugger->Live Edit ...

wuyangnju 2019-08-01 18:22 評(píng)論0 收藏0
前端的開(kāi)發(fā)工具之實(shí)時(shí)無(wú)刷新自動(dòng)加載頁(yè)面

摘要：和等通用代碼編輯器不一樣，是專門針對(duì)前端開(kāi)發(fā)而生安裝好軟件之后打開(kāi)需要調(diào)試的文件點(diǎn)擊如下圖所示的按鈕就可以實(shí)現(xiàn)無(wú)刷新自動(dòng)加載頁(yè)面了 WebStorm10.0.3 live Edit與Google瀏覽器實(shí)時(shí)無(wú)刷新自動(dòng)加載頁(yè)面 Webstorm中的配置點(diǎn)擊: File->Settings->Build,Execution,Deployment->Debugger->Live Edit ...

DevYK 2019-08-29 14:11 評(píng)論0 收藏0
收集整理適用博客建站免費(fèi)開(kāi)源Wordpress主題-簡(jiǎn)約好看的WP主題

摘要：最重要的就是找一個(gè)適合自己的主題了。事實(shí)上，免費(fèi)主題也非常多，而且很多的免費(fèi)主題在功能上和界面美觀上已經(jīng)大大超過(guò)了付費(fèi)的主題。加上這些主題都是開(kāi)源的，基本上可以在上找得到源碼，安全性是沒(méi)有問(wèn)題，主題的作者也在不斷更新當(dāng)中。WordPress最重要的就是找一個(gè)適合自己的主題了。好一點(diǎn)的WordPress主題基本上都是要收費(fèi)的，而且價(jià)格還不便宜，這導(dǎo)致了不少的新手朋友們很為難。而有時(shí)我們僅僅根據(jù)...

番茄西紅柿 2021-07-30 14:57 評(píng)論0 收藏2637
前端常用插件、工具類庫(kù)匯總

摘要：頁(yè)面調(diào)試騰訊開(kāi)發(fā)維護(hù)的代碼調(diào)試發(fā)布，錯(cuò)誤監(jiān)控上報(bào)，用戶問(wèn)題定位。同樣是由騰訊開(kāi)發(fā)維護(hù)的代碼調(diào)試工具，是針對(duì)移動(dòng)端的調(diào)試工具。前端業(yè)務(wù)代碼工具庫(kù)。動(dòng)畫庫(kù)動(dòng)畫庫(kù)，也是目前通用的動(dòng)畫庫(kù)。本人微信公眾號(hào)：前端修煉之路，歡迎關(guān)注本篇文章整理自己使用過(guò)的和看到過(guò)的一些插件和工具，方便日后自己查找和使用。另外，感謝白小明，文中很多的工具來(lái)源于此。彈出框 layer：http://layer....

GitCafe 2019-08-23 13:57 評(píng)論0 收藏0
ajax基礎(chǔ)知識(shí)

摘要：各瀏覽器都有自己的關(guān)于最大長(zhǎng)度的限制谷歌火狐超過(guò)限制長(zhǎng)度的部分，瀏覽器會(huì)自動(dòng)截取掉，導(dǎo)致傳遞給服務(wù)器的數(shù)據(jù)缺失。 AJAX基礎(chǔ)知識(shí)及核心原理解讀 AJAX基礎(chǔ)知識(shí) 什么是AJAX？async javascript and xml，異步的JS和XML xml：可擴(kuò)展的標(biāo)記語(yǔ)言作用是用來(lái)存儲(chǔ)數(shù)據(jù)的（通過(guò)自己擴(kuò)展的標(biāo)記名稱清晰的展示出數(shù)據(jù)結(jié)構(gòu)）ajax之所以稱為異步的js和xml，主要原因...

wangshijun 2019-08-22 15:47 評(píng)論0 收藏0