首頁

2013年9月26日 星期四

((分享介紹))*18款在線代碼片段測試工具*US*((Share presentation)) * 18 models online snippets testing tool *KR*((주)) * 18 모델을 온라인 니펫 테스트 도구 *~!^

*((分享介紹))*18款在線代碼片段測試工具*
*US*((Share presentation)) * 18 models online snippets testing tool~ *KR*((공유 프레젠 테이션)) * 18 모델을 온라인 니펫 테스트 도구 *~!^*
**代碼片段檢測目的是為了確保代碼能夠順利的運行,減少bug的出現!!
分享介紹給大家-18款代碼片段檢查工具,包括CodePen、Dabblet、 

Ideone、jsfiddle、Codepad、Liveweave、Google Code Playground 
和Pastebin.me等等~**

**US*Code snippets testing is to ensure the smooth operation of the code,
reducing the bug appeared!!
Share introduced to -18 models snippet inspection tools, including CodePen,

 Dabblet, Ideone, jsfiddle, Codepad, Liveweave, Google Code Playground and 
Pastebin.me etc. ~**

**KR*코드 조각 테스트 줄이고, 
코드의 원활한 작동을 보장하는 버그가 등장
공유 CodePen, Dabblet, Ideone, jsfiddle, Codepad, Liveweave,  

구글 코드 운동장 Pastebin.me ~ -18 모델 조각 검사 도구에 소개 ^^**

**這些工具當中有些是允許開發者和別人一起編輯/分享相互之間的代碼,分享的目的主要是共同分析代碼並相互協助完成代碼片段的檢查。*@*下面的這18個工具可以幫助開發者用來檢查不論是即興創作的代碼
還是用於大型工程的代碼,同時還可以讓開發者自主修改代碼, 
以便更好的理解代碼的功能性 .**

*US*Some of these tools is to allow developers and others with edit /
 share code between each other, sharing the main purpose is to jointly 
analyze the code and mutual help complete code snippet checks.

** Below which 18 tools can help developers to check whether  

it is improvised code or the code used for large projects, but also allows developers
to modify their own code in order to better understand the functionality of the code ~**

*KR*이러한 도구 중 일부는 서로 간의 편집 /
공유 코드 개발자 및 다른 사람을 허용하는 것입니다,
주요 목적을 공유하는 공동 코드와 상호 도움말 전체
코드 검사를 분석하는 것입니다.

** 그 이하 18 도구는 개발자 즉석에서 코드 또는 대형 프로젝트

사용되는 코드뿐만 아니라, 개발자들이 더 나은 코드의 기능을
이해하기 위해 자신의 코드를 수정할 수 있는지 여부를
확인하는 데 도움이 될 수 있습니다 .**

**1. CodePen *US*1. CodePen*KR*****
  CodePen只是一個Web前端的運行場地,具備機動、訓練和分享等多種功能。
 同時,CodePen還可以讓使用者構建一個壓縮版本的測試案例---
---來證明並解決編碼當中的錯誤。
**US** CodePen just run a Web front-end venue , with mobility, 
 training and sharing and other features.
Meanwhile , CodePen also allows users to build a compressed version 
of the test case to prove and resolve among coding errors.**KR**CodePen 은 이동성 , 교육 및 공유 하고 다른 기능과 함께 ,
웹 프런트 엔드 장소를 실행합니다. CodePen 은 이동성 ,  
교육 및 공유 하고 다른 기능과 함께 , 
웹 프런트 엔드 장소를 실행합니다. 한편,  
CodePen 또한 사용자가 증명 코딩 오류 사이에서 해결하는테스트 
케이스 의 압축 버전을 빌드 할 수 있습니다. 한편,  
CodePen 또한 사용자가 증명 코딩 오류 사이에서 해결하는테스트 
케이스 의 압축 버전을 빌드 할 수 있습니다.**

 2. Dabblet
  Dabblet的界面十分簡潔,操作起來並不復雜, 
 特別適合新手和想嘗試最新HTML5標籤和CSS3樣式的前端工程師使用。
  Dabblet的一大特色是代碼編寫時可免加CSS前綴。
 因為,Dabblet的創造者Lea Verou本人就是免CSS前綴JavaScript腳本--
--prefix-free的創造者,Dabblet擁有此功能也就是順理成章的事。
 HTML和CSS代碼間的切換也很方便,點擊隱藏工具欄右上方的標籤即可。
 用戶可以根據自己的習慣,調整前端代碼的預覽效果,
 瀏覽器內全屏預覽將在新標籤頁中打開。
 Dabblet支持用Github帳號登錄,
 測試的代碼片段既可以匿名保存也可以保存在用戶的Github:
 gist中,以便用戶將代碼段嵌入自己的網站或是進一步分享給其他人。

**US**Dabblet The interface is very simple , the operation is not complicated,Particularly suitable for novice and want to try the latest HTML5 tags and 
CSS3 style front engineers.
 
Dabblet a major feature is that the code can be added free of writing CSS prefix.
 
Because , Dabblet creator Lea Verou himself is Free CSS prefix -- JavaScript script prefix-free creatorDabblet have this feature is also a matter of course .
 
HTML and CSS code is also very easy to switch between ,Click to hide the toolbar top right tab.
 
Users can according to their own habits, adjust the preview front-end code ,Browser fullscreen preview will open in a new tab .

 
Dabblet supports Github account login, tested code snippet can either 
save anonymity can also be saved in the user's Github: 
gist so that the user will embed code segment to further their own 
websites or share it with other people .**KR**인터페이스는 매우 간단합니다 Dabblet ,조작이 복잡하지 않습니다 ,특히 초보자 에 적합 하고 최신 HTML5 태그와 CSS3 스타일의  
전면 엔지니어 를 시도 합니다.
 
주요 기능 Dabblet 는 코드 가 CSS 접두사를 쓰는 무료로 추가  
할 수 있다는 것입니다.
 
왜냐하면, Dabblet 작성자 리 Verou 자신이 무료 CSS 접두사 입니다 -- 자바 스크립트 접두사 가없는 생성자이 기능 은 또한 과정 의 문제 가 Dabblet .
 
HTML 과 CSS 코드를 전환 하는 것도 매우 쉽습니다도구 모음 맨 오른쪽 탭을 숨기려면 클릭하십시오.
 
사용자는 자신의 습관 에 따라 ,미리 프런트 엔드 코드를 
조정할 수 있습니다브라우저에서 전체 화면 미리보기새 탭 에서 열립니다.

 
Dabblet 는 Github에서 계정 로그인을 지원합니다 , 
테스트 코드 는 익명 는 또한 사용자 의 Github에서 에 저장할 
 수 있습니다 저장할 수 있습니다 : 
요점 그래서 사용자가 자신의 웹 사이트 를 발전 하거나 다른 
 사람 과 공유 하는 코드 세그먼트 를 포함 됩니다 .**

3. Ideone
  在線多語言編程執行器工具,支持包括C++,Java,JavaScript,Perl,
 PHP,Python和Ruby在內的40多種編程語言  .
 能在線直接做編譯和執行動作,該工具是一款簡易的編程測試工具,
 雖然不能替代專業版的工具,但是其功能非常全面。 **

**US**Online multi- language programming actuator tool support, 
 including C + +, Java, JavaScript, Perl, PHP, 
Python and Ruby programming languages ​​, including more than 40 kinds , 
can be done directly online compile and execute actions ,  
this tool is a simple programming test tools
although it can not replace the professional version of the tool ,  
 but its function is very comprehensive. 
**KR**C + + , 자바, 자바 스크립트 , 펄 , PHP, 
파이썬과 40 개 이상의 종류를 포함 루비 프로그래밍 언어 등 온라인 다중
언어 프로그래밍 액추에이터 도구 지원 ,
온라인으로 직접 컴파일 작업을 수행 할 수있는 이 도구는간단한 프로그래밍 
 테스트입니다 도구,도구프로 버전을 대체 할 수 있지만, 그 기능 은 매우 포괄적 이지만 .**

 4. jsfiddle
   jsfiddle是一個在線的shell編輯器,通過JavaScript框架創建自定義的環境,
以簡化JavaScript代碼。 還可以用於測試示例代碼。
  不僅如此,你還可以添加一個Ajax echo後端, 
並且通過一系列的JavaScript框架自動載入資源,如MooTools,jQuery,Dojo,Prototype,YUI,Glow和Vanilla等等。
 還有一個重要特性就是能夠保存和分享一個unique URL生成代碼,
 jsfiddle還有一個嵌入的功能。 它提供了一个由4个部分组成的界面:
 它提供了一個由4個部分組成的界面:

  • HTML 编辑器 HTML 編輯器
  • CSS 编辑器 CSS 編輯器
  • JavaScript 编辑器 JavaScript 編輯器
  • 输出界面輸出界面
**US**jsfiddle shell is an online editorBy creating a custom JavaScript framework
environment to simplify JavaScript code.Can also be used to test the sample code.Not only that,
you can also add an Ajax echo backend ,And through a series of JavaScript frameworks
automatically load resourcesSuch as MooTools, jQuery, Dojo, Prototype, YUI,
Glow and Vanilla and so on.Another important feature is the ability to save and share a unique URL generated code ,
jsfiddle there is an embedded feature.It offers a four -part interface : *KR**jsfiddle 쉘은온라인 편집기 ,자바 스크립트 코드를 단순화 하기 위해 사용자 
지정 환경을 만들기 위해 자바 스크립트 프레임 워크입니다. 
또한 샘플 코드를 테스트 하는 데 사용할 수 있습니다. 뿐만 아니라, 
당신은 또한아약스 에코 백 엔드 를 추가 할 수 있습니다 자바 스크립트 의 
시리즈를 통해 이러한 MooTools , jQuery를 , 도조 , 프로토 타입 , 
YUI , 발광 바닐라 등과 같은 자동으로로드 리소스 , 프레임 워크 .또 다른 중요한 기능은내장 된 기능 이 , jsfiddle 을고유 URL 생성
코드를 저장 하고 공유 할 수있는 기능입니다 . 
그것은 네 부분으로 인터페이스를 제공합니다 :
• HTML 편집기• CSS 편집기• 자바 스크립트 에디터• 출력 인터페이스***


 5. Codepad
  Codepad是一款簡單的在線IDE編譯器,適用於團隊協作工作,
幫助代碼生成一個簡短的URL,這樣就能通過聊天或者電子訊息與人分享。
 操作起來也很方便:只需要把代碼粘貼進去就可以編譯運行了,
連工程也不需要新建,而且Codepad支持的語言有9種,
 包括C,C++,D,Haskell,Lua,OCaml,PHP,Perl ,Plain Text,
 Python,Ruby,Scheme,Tcl  . **

**US**Codepad is a simple online IDE compiler for team work ,Help code generates a short URL,This allows electronic messages via chat or share with others .

 
Operation is also very easy : just need paste the code can be compiled into the run ,
 
Even works do not need to create and Codepad supported languages ​​are nine kinds ,
Including C, C + +, D, Haskell, Lua, OCaml, PHP, Perl,Plain Text, Python, Ruby, Scheme, Tcl.
**KR**Codepad 코드 는 짧은 URL 을 생성 하는 데 도움이 팀 작업 에 대한
간단한 온라인 IDE 컴파일러입니다 , 그래서 당신은 다른 사람과 공유하는 전자
메시지를 통해 채팅을 하거나 할 수 있습니다.조작 도 매우 쉽습니다 : 단지 코드를 컴파일하고 그것으로 실행해야합니다 넣거나,
심지어는 작품을 만들 필요가 없습니다 및 Codepad 지원되는 언어 는 C , C + + ,
D, 하스켈 , 루아 , OCaml로 , PHP, 펄 까지 아홉 종류 입니다 일반 텍스트 , 파이썬,
루비 , 계획 , 은 Tcl .**

  6. Liveweave
  LiveWeave對於Web設計者和開發者來說都是一個極好的在線工具, 
它提供了6個Tab功能或特徵,可以瀏覽、編輯、分隔、JavaScript庫和Tidy、
CSS3、HTML5等在線編輯  . *

**US**LiveWeave for Web designers and developers is an excellent online tool It offers 6 Tab function or feature , you can browse , edit , segregation,JavaScript libraries and Tidy, CSS3,
HTML5 and other online editing.
**KR**웹 디자이너 와 개발자를위한 LiveWeave 은6 탭 기능 또는 기능을
제공하는 훌륭한 온라인 도구 , 당신은 , 편집 , 분리 , 자바 스크립트 라이브러리와 단정 한 , CSS3 , HTML5 및 기타 온라인 편집 을 검색 할 수 있습니다.**

  7. Google Code Playground
 有了這款在線工具,Web開發者就可以快速檢查和運行代碼,
也就沒必要非得打開一個外在校正器  .**

**US**With this online tool , Web developers can quickly check and running the code ,Also no need to have to open an external calibrator .**KR**이 온라인 도구 , 웹 개발자 를 신속하게 확인 하지 않고 코드를
실행 뿐만 아니라외부 교정기 를 열어야 할 필요가 없습니다 수 있습니다.****

  8. Pastebin.me
這是一款不可多得好工具,開發者可以理所應當的重新調整基於瀏覽器---
---視角的代碼窗格大小,這一功能對於寬屏顯示器使用者來說是相當有吸引力的  .**

**US**This is a rare good tool,Developers can re-adjust as it should be browser-based
view of the code pane size ,This is useful for users who widescreen display is quite attractive .
**KR**이것은 드문 좋은 도구 는 브라우저 기반의 와이드 스크린 모니터
사용자를위한코드 창 크기 보기 이 기능 은 매우 매력적 이어야하기 때문에
개발자는 다시 조정할 수 있습니다.**

 9. CSSDesk
  CSSDesk允許用戶快速敏捷的檢查代碼片段,還能讓整個效果看起來活靈活現。
 左側兩個面板,可以分別輸入HTML和CSS代碼,但不支持JavaScript調試。
 你可以改變“預覽區”的背景顏色,可以保存或下載調試完成的代碼  ~**

**US**CSSDesk allows users to quickly check the code snippet agile ,But also so that the whole effect looks vivid.
 
Left two panels , you can enter HTML and CSS code , respectively ,But does not support JavaScript debugging .You can change the " preview area " in the background color ,You can save or download the complete code for debugging .

**KR**CSSDesk 사용자가 신속하게전체 효과는 선명한 보이도록코드 조각 민첩
 을 확인 뿐만 아니라 수 있습니다. 두 개의 패널 을 왼쪽, 당신 은 각각 HTML 과 CSS
코드를 입력 할 수 있지만, 자바 스크립트 디버깅을 지원하지 않습니다.
 당신은배경 색상 에서 " 미리보기 영역 "를 변경할 수 있습니다 , ​​당신은 디버깅을위한 전체 코드 를 저장하거나 다운로드 할 수 있습니다.******

 10. jsbin v.2
  通過這款Web App,開發者就能對代碼片段進行測試,並改善它的功能性。
 同時還能向別人分享URL。
 它分成JavaScript、HTML、CSS、控制面板和輸出這5個區域,
你可以自行勾選顯示哪些區域  .**

**US**Through this Web App, developers will be able to test the code fragment ,And improve its functionality . While to others to share URL.
 
While to others to share URL.It is divided into JavaScript, HTML, CSS, control panel and output these five areas ,You could select which areas are displayed .

**KR**이 웹 응용 프로그램을 통해 개발자는 코드 를 테스트하고 그 기능
을 향상시킬 수 있을 것입니다. 다른 사람에게 동안 은 URL 을 공유 할 수 있습니다.
그것은 자바 스크립트 , 당신은 디스플레이 영역을 선택할 수 HTML ,
CSS, 제어 패널 및 출력 이 다섯 가지 영역으로 나누어집니다.**

11. Tinkerbin
  和jsfiddle比較起來,Tinkerbin界面功能比較簡答,
但是界面佈局更加合理。
 使用jsfiddle的時候,總感覺每一個窗口的輸入都比較費勁,
用戶不得不來回的拖拉窗口。 而使用Tinkerbin,
你可以更加容易的切換多個窗口或者單獨一個窗口編輯CSS,
HTML,或者JS代碼,根本不需要生成文件或者上傳到服務器上。 
 Tinkerbin同時也支持Coffeescript,Sass(with Compass),Less,HAML等類庫  .** 

**US**And jsfiddle comparison , Tinkerbin interface features relatively short-answer ,But the interface layout is more reasonable.
 
When using jsfiddle , always feel every window of the input are more strenuous,Users have to drag the window back and forth .
 
The use Tinkerbin, you can more easily switch between multiple windowsOr a single -window editing CSS, HTML, or JS code ,Do not need to generate or upload files to the server.
  
Tinkerbin also supports Coffeescript, Sass (with Compass),Less, HAML other libraries.
**KR**그리고 jsfiddle 비교 , Tinkerbin 인터페이스는 상대적으로 짧은 답을 
 갖추고 있지만,인터페이스 레이아웃 이 더 합리적이다. jsfiddle 를 사용할 때 항상
입력 의 모든 창을 더 열심히 느낍니다 사용자가 앞뒤로 창을 드래그 합니다.
사용 Tinkerbin , 당신은 더 쉽게 CSS , HTML , 또는 JS 코드를 편집 하는 여러 개의 창
또는 하나의 창 사이를 전환 할 수 있습니다 ,​​서버에 파일을 생성하거나 업로드 할
필요가 없습니다. Tinkerbin 는 Coffeescript , 말대꾸 ( 나침반 ) , 적은 ,
 HAML 다른 라이브러리 를 지원합니다.*********

12. Try Editor v.1.5
 這是一款比較適中的、使用起來毫無壓力的代碼片段檢查工具,
只要將代碼片段粘貼到Try Editor裡面,從感覺上就能知道效果如何。

**US**This is a relatively modest , there is no pressure to use the code 
snippet checking tool ,Simply paste the snippet Try Editor inside, 
from the feeling that you know how it works.
**KR**이것은 상대적으로 소극적이고 단지 코드 가 어떻게 작동하는지 알고있는 느낌 에서 , 내부 편집기를 시도 붙여 넣기 , 검사 도구의 코드 를 사용 하는 압력이 없습니다.***********

13. Snippet.io
它是一個沒有多少限制條件的工具,可以毫不費力跟別人一起分享代碼片段  .**

**US** Snippet.io

 It is a tool without much restriction ,Can effortlessly share snippets with others .**


**KR**조금 제한 도구는 쉽게 다른 사람들과 조각을 공유 할 수 있습니다.**

 14. HTMLEdit Square
 HTMLEdit Square是一款實時的後台操作工具,用於便捷的檢查HTML代碼  .**

**US**HTMLEdit Square is a real-time tool for background operation ,
Convenient for checking HTML code  .**

**KR**HTMLEdit 스퀘어 편리한 검사를 HTML 코드에 대한 실시간
백그라운드 작업 도구입니다.** 

 15. Rendur
 Rendur是一個輕量級的在線調試交流工具,功能不多,但是加載和運行都很快。
用戶可以在HTML、CSS、Javascript三個面板中切換,輸入相應代碼。
代碼的運行結果,會自動顯示在背景網頁上。
最後一個面板,顯示的是整個網頁的源碼  .**

**US**Rendur is a lightweight debugging communication tools , features small ,
 
However, loading and running very quickly.
 
Users can HTML, CSS, Javascript three panel switch
 
Enter the appropriate code.
 
Results of running code , it will automatically appear in the background of the page.
 
The last panel shows the whole page source.

**KR**Rendur 은가벼운 디버깅 커뮤니케이션 도구 입니다 작은 갖추고 있지만,
로드 및 매우 빠르게 실행할 수 있습니다. 사용자는 HTML , CSS, 자바 스크립트
개의 패널 스위치 는적절한 코드를 입력 할 수 있습니다. 코드를 실행 결과는
자동으로 페이지의 배경 에 나타납니다. 마지막 패널 은 전체 페이지 소스 를 보여줍니다.**

16. Tinker
使用Tinker工具编寫和分享代碼都是相当方便的,速度不是一般的快啊!

**US**Tinker tools used to write and share code is quite convenient ,
Speed ​​is not an ordinary Come on !  **
**KR**팅커 도구를 작성하는 데 사용되는 공유 코드 는 매우 편리하고,
속도가 아닌평범한 어서 !***********

17. Practicode
在这里,可以编寫代碼片段;另外,也可以提取HTML、CSS和VBScript代碼。

**US***Here , you can write code snippets ; addition,You can also extract HTML,
CSS and VBScript code . **KR**여기에서, 당신은 코드 조각을 작성할 수 양자 택일로, 당신은HTML ,
CSS 및 VBScript 코드를 추출 할 수 있습니다.********

 18. jsdo.it
在這個網站裡,可以將代碼內接到Web瀏覽器裡, 
也可以和別人一起分享代碼片段**

**US**In this site , you can receive the code within the Web browser ,You can also share snippets with others ~ ! ***

**KR**이 사이트 에서웹 브라우저 내에서코드를 받을 수 있습니다 ,
 ​​당신은 또한 다른 사람들과 조각을 공유 할 수 있습니다****

************************((分享介紹))*18款在線代碼片段測試工具**
*US*((Share presentation)) * 18 models online snippets testing tool **
*KR*((주)) * 18 모델을 온라인 니펫 테스트 도구 *~!^******THE   END***************
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&

&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&7

沒有留言:

張貼留言


if you like make fds, wellcome you here~~anytime***

my free place for everyones who want the good software,

come & download them~ wellcome!!