1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
---
title: WebIDE
slug: Tools/WebIDE
tags:
- Apps
- B2G
- Debugging
- Firefox OS
- NeedsTranslation
- TopicStub
- WebIDE
- tool
translation_of: Archive/WebIDE
---
<div class="summary">
<p><span id="result_box" lang="th"><span class="hps">WebIDE</span> <span class="hps">ช่วยให้คุณสามารถ</span><span>สร้าง, แก้ไข,</span> <span class="hps">ทำงานและ</span><span>การแก้ปัญหา</span><span class="alt-edited">แอพพลิเคชั่น</span><span>เว็บ</span></span> <span class="short_text" id="result_box" lang="th"><span class="hps">โดยใช้</span></span> <a href="https://developer.mozilla.org/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</a> <span class="short_text" id="result_box" lang="th"><span class="hps">หรือ</span><span>อุปกรณ์ </span><span class="hps">Firefox</span> <span class="hps">OS </span></span><span class="short_text" lang="th"><span>จริง</span> </span></p>
<p><span class="short_text" id="result_box" lang="th"><span class="hps">นอกจากนี้ยัง</span><span>ช่วยให้คุณสามารถ</span><span>เชื่อมต่อ</span></span> <a href="https://developer.mozilla.org/en-US/docs/Tools">Firefox Developer Tools</a> <span id="result_box" lang="th"><span class="hps">ไปยัง</span><span>เบราว์เซอร์</span><span>อื่น ๆ</span> <span class="hps">รวมทั้ง</span> <span class="hps">Firefox สำหรับ</span> <span class="hps">Android,</span> <span class="hps">Chrome บน</span> <span class="hps">Android,</span> <span class="hps">และ Safari</span> <span class="hps">บน iOS</span></span><br>
โปรดดู <span id="result_box" lang="th"><span class="hps">หน้า</span></span> <a href="https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging">Remote Debugging</a> <span id="result_box" lang="th"><span>สำหรับคำแนะนำ</span><span>เกี่ยวกับวิธีการ</span><span>เชื่อมต่อกับ</span><span>เบราว์เซอร์</span><span>ที่เฉพาะเจาะจง</span></span></p>
</div>
<p>With WebIDE, you first <a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes">set up one or more runtimes</a>. A runtime is an environment in which you'll run and debug the app. A runtime could be a Firefox OS device connected to the desktop over USB (or over Wi-Fi since <a href="/en-US/Firefox/Releases/39">Firefox 39</a>), or it could be a Firefox OS Simulator installed on the desktop itself.</p>
<p>Next, you <a href="/en-US/docs/Tools/WebIDE/Creating_and_editing_apps">create an app, or open an existing app</a>. If you're creating a new app you can start with a template that includes the directory structure and the minimum boilerplate you need to get started, or a more complete template that shows how to use a privileged API. WebIDE shows your app's files in a tree, and you can edit and save them using a built-in source editor. Of course, you don't have to use the built-in editor: you can develop your app entirely outside WebIDE, and only use it for debugging.</p>
<p>Finally, you can <a href="/en-US/docs/Tools/WebIDE/Running_and_debugging_apps">install the app in one of the runtimes and run it</a>. You can then open the usual suite of developer tools - the <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector">Inspector</a>, <a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console">Console</a>, <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger">JavaScript Debugger</a> and so on - to examine and modify the running app.</p>
<hr>
<dl>
<dt><a href="/th/docs/Tools/WebIDE/การเปิด_WebIDE">การเปิด WebIDE</a></dt>
<dd><span class="short_text" id="result_box" lang="th"><span class="hps">วิธีการเปิด</span> <span class="hps">WebIDE</span> <span class="hps">จากภายใน</span> <span class="hps">Firefox</span></span></dd>
<dt><a href="/th/docs/Tools/WebIDE/การตั้งค่ารันไทม์">การตั้งค่ารันไทม์</a></dt>
<dd><span id="result_box" lang="th"><span class="hps">วิธีการ</span><span>เชื่อมต่อกับ</span><span>รันไทม์</span><span>ในที่ที่คุณ</span><span>สามารถติดตั้ง</span><span class="alt-edited">แอพพลิเคชั่น</span><span>รวมทั้ง</span><span>อุปกรณ์</span> <span class="hps">Firefox</span> <span class="hps">OS,</span> <span class="hps">Firefox</span> <span class="hps">OS</span> <span class="hps">Simulator</span><span>,</span> <span class="hps">และ Firefox</span> <span class="hps">สำหรับ Android</span></span></dd>
<dt><a href="/th/docs/Tools/WebIDE/การสร้างและการแก้ไขแอพพลิเคชั่น">การสร้างและการแก้ไขแอพพลิเคชั่น</a></dt>
<dd><span class="short_text" id="result_box" lang="th"><span class="hps">วิธีการ</span><span> สร้าง เปิด</span><span> และพัฒนา</span><span class="alt-edited">แอพพลิเคชั่น โดย</span><span>ใช้</span> <span class="hps">WebIDE</span></span></dd>
<dt><a href="/th/docs/Tools/WebIDE/การทำงานและการแก้จุดบกพร่องแอพพลิเคชั่น">การทำงานและการแก้จุดบกพร่องแอพพลิเคชั่น</a></dt>
<dd><span id="result_box" lang="th"><span class="hps">วิธีการติดตั้ง</span></span><span class="short_text" id="result_box" lang="th"><span class="alt-edited">แอพพลิเคชั่น</span></span><span lang="th"><span>รันไทม์</span><span>และ</span><span>แก้ปัญหา</span><span>โดยใช้</span> <span class="hps">Firefox</span> <span class="hps">เครื่องมือสำหรับนักพัฒนา</span></span></dd>
<dt><a href="/th/docs/Tools/WebIDE/การทำงานร่วมกับคอร์โดวาแอพพลิเคชั่นใน_WebIDE">การทำงานร่วมกับคอร์โดวาแอพพลิเคชั่นใน WebIDE</a></dt>
<dd><span id="result_box" lang="th"><span class="hps">จาก</span> <span class="hps">Firefox</span> <span class="hps">39,</span> <span class="hps">คุณสามารถแก้ไข</span><span>และการแก้ปัญหา</span><span>คอร์โดวา</span><span class="alt-edited">แอพพลิเคชั่น</span><span>ที่ใช้</span> <span class="hps">WebIDE</span></span></dd>
<dt><a href="/th/docs/Tools/WebIDE/Troubleshooting">การแก้ไขปัญหา </a></dt>
<dd><span id="result_box" lang="th"><span class="hps">ความช่วยเหลือสำหรับ</span><span>ปัญหาเกี่ยวกับ</span> <span class="hps">WebIDE</span> <span class="hps">โดยเฉพาะอย่างยิ่ง</span><span>ปัญหา</span><span>การเชื่อมต่อกับ</span><span>รันไทม์</span></span></dd>
</dl>
|
