js代碼在線編輯,JavaScript在線編輯

本文目錄一覽：

• 1、前端常用的幾種在線代碼編輯器各有什麼優勢
• 2、chrome 怎麼在瀏覽器中編輯js代碼
• 3、如何通過網頁在線編輯服務器上的JS文件？

前端常用的幾種在線代碼編輯器各有什麼優勢

jsfiddle

Create a new fiddle

最經典的的編輯器了，主要寫頁面，沒有集成console不太方面調JS

jsbin

JS Bin

跟jsfiddle差不多，有自帶console挺適合調JS的，我最近幾篇專欄文章的代碼都是放在jsbin里的，可以方便的到處到gist很不錯。但是存snapshot有點不清楚（反正我是還沒弄清楚）。Node快閃 御用。

plunker

這個好像國內用的人不多，難道是被牆了？這是我見過的最貼近真實開發環境的ide，所有html js css文件一覽無遺，不像jsfiddle一樣隱藏html和body元素。要是有console就更好了。Angular1文檔御用。

repl.it

Online REPL, Compiler IDE

這個大家可能見的不多，多語言環境，JS的是純console環境，布局很乾凈，調JS挺好的。

codepen

CodePen

這個跟jsbin差不多，好像上面的代碼大多數是CSS相關的。御用。

hackerrank

HackerRank

這個嚴格說是個比賽／面試環境，實時性不錯，其它跟jsfiddle大同小異。我司電面御用。

runkit

RunKit is Node prototyping

這個是node編程用的，在線require( )各種包，看上去挺屌的，我還沒怎麼玩過。npm御用。

chrome 怎麼在瀏覽器中編輯js代碼

想要去編輯網頁中原有的js代碼，是不允許的吧，這樣毫無安全可言都可以隨便js注入。當然你可以調出控制台，在已經加載好的頁面上獲取DOM，改變頁面還是可以的 。控制台支持js輸入，js運算等。可以嘗試一下。

如何通過網頁在線編輯服務器上的JS文件？

kouhao = new Array();

kouhao[0]=’出門在外，照顧好自己和自己的錢包！’

kouhao[1]=’今天很殘酷,明天更殘酷,後天會很美好,大部分人死在明天晚上,看不到後天的太陽–馬雲’

kouhao[2]=’人永遠不要忘記自己第一天創業時的夢想’

kouhao[3]=’創業者最好的大學就是社會大學’

index = Math.floor(Math.random() * kouhao.length);

document.writeln(kouhao[index]);

這是一個JS文件源碼，作用是在調用其的網頁中隨機顯示內容，像小貼士一樣

但修改時很麻煩，得FTP下載上傳式地修改，有沒辦法做一個ASP網頁，使其能夠在線修改這個JS？假設JS文件名為tie.js，位於根目錄

誰能搞定給30分！

問題2，誰會做那種能在線編輯，然後調用的JS程序？要求是編輯時只是編輯詞條，不涉及代碼，比如，那個網頁里有好多文本框，框里的內容就是名人名言，你可以自由增減條目，然後可以生成專用的JS以供調用。可以使用數據庫，但最好不用。

誰能搞定問題2？用數據庫實現的追加30分，不用數據庫實現的追加50分！