From 310fd066e91f454b990372ffa30e803cc8120975 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 12:56:40 +0100 Subject: unslug zh-cn: move --- .../index.html | 38 ++++++++++++++++++++++ .../index.html | 38 ---------------------- 2 files changed, 38 insertions(+), 38 deletions(-) create mode 100644 files/zh-cn/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html delete mode 100644 files/zh-cn/tools/remote_debugging/debugging_firefox_for_android_with_webide_clone/index.html (limited to 'files/zh-cn/tools/remote_debugging') diff --git a/files/zh-cn/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html b/files/zh-cn/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html new file mode 100644 index 0000000000..13f27d0a4a --- /dev/null +++ b/files/zh-cn/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html @@ -0,0 +1,38 @@ +--- +title: Debugging Firefox for Android with WebIDE +slug: Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE_clone +--- +
{{ToolsSidebar}}

This article describes how to connect the Firefox Developer Tools to Firefox for Android from Firefox 36 onwards.

+

It's been possible for a long time to connect the Firefox Developer Tools to Firefox for Android so you can debug your mobile website. Until now, though, this was a fairly complex and error-prone process. From Firefox 36 we've made the process much simpler: in particular, you don't need to deal directly with the adb tool at all. Now you connect using  WebIDE, which takes care of setting up adb behind the scenes.

+
+

For this to work, you need at least Firefox 36 on the desktop and Firefox 35 on the mobile device. If you need to use an earlier version, see the older instructions for connecting the developer tools to Firefox for Android.

+
+

 

+

+

This guide's split into two parts: the first part, "Prerequisites" covers stuff you only need to do once, while the second part, "Connecting", covers stuff you need to do each time you connect the device.

+

Prerequisites

+

First, you'll need:

+ +

ADB Helper

+

Your desktop Firefox also needs to have the ADB Helper add-on, version 0.7.1 or higher. This should be installed for you automatically the first time you open WebIDE. To check the version, type about:addons into the browser's address bar and you should see ADB listed.

+

If you don't have ADB Helper version 0.7.1 or higher, select "Manage Extra Components" from the "Projects" menu, and you'll see the "Extra Components" window, which will contain an entry for ADB Helper:

+

Click "uninstall" then "install", and you should now have the latest version.

+

Setting up the Android device

+

First, enable USB debugging by following steps 2 and 3 of this link only.

+

Next, enable remote debugging in Firefox for Android. Open the browser, open its menu, select "Settings", then "Developer tools" (on some Android devices you may need to select "More" to see the "Settings" option). Check the "Remote debugging" box:

+

+

The browser might display a notification reminding you to set up port forwarding, which you can ignore.

+

Connecting

+

Connect the Android device to the desktop with the USB cable, open WebIDE, and open the "Runtimes" menu. You will see Firefox for Android listed as a debugging target under "USB DEVICES":

+

+

Select it. On the Android device, you'll now see a warning message:

+

+

Click OK. Now click the "Open App" menu in WebIDE. You'll see a list of all the tabs open on the device:

+

+

Select a tab to attach the developer tools to it:

+

+

Now you should be able to use all the Firefox developer tools that support remote debugging. See the page on remote debugging for more details.

diff --git a/files/zh-cn/tools/remote_debugging/debugging_firefox_for_android_with_webide_clone/index.html b/files/zh-cn/tools/remote_debugging/debugging_firefox_for_android_with_webide_clone/index.html deleted file mode 100644 index 13f27d0a4a..0000000000 --- a/files/zh-cn/tools/remote_debugging/debugging_firefox_for_android_with_webide_clone/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: Debugging Firefox for Android with WebIDE -slug: Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE_clone ---- -
{{ToolsSidebar}}

This article describes how to connect the Firefox Developer Tools to Firefox for Android from Firefox 36 onwards.

-

It's been possible for a long time to connect the Firefox Developer Tools to Firefox for Android so you can debug your mobile website. Until now, though, this was a fairly complex and error-prone process. From Firefox 36 we've made the process much simpler: in particular, you don't need to deal directly with the adb tool at all. Now you connect using  WebIDE, which takes care of setting up adb behind the scenes.

-
-

For this to work, you need at least Firefox 36 on the desktop and Firefox 35 on the mobile device. If you need to use an earlier version, see the older instructions for connecting the developer tools to Firefox for Android.

-
-

 

-

-

This guide's split into two parts: the first part, "Prerequisites" covers stuff you only need to do once, while the second part, "Connecting", covers stuff you need to do each time you connect the device.

-

Prerequisites

-

First, you'll need:

- -

ADB Helper

-

Your desktop Firefox also needs to have the ADB Helper add-on, version 0.7.1 or higher. This should be installed for you automatically the first time you open WebIDE. To check the version, type about:addons into the browser's address bar and you should see ADB listed.

-

If you don't have ADB Helper version 0.7.1 or higher, select "Manage Extra Components" from the "Projects" menu, and you'll see the "Extra Components" window, which will contain an entry for ADB Helper:

-

Click "uninstall" then "install", and you should now have the latest version.

-

Setting up the Android device

-

First, enable USB debugging by following steps 2 and 3 of this link only.

-

Next, enable remote debugging in Firefox for Android. Open the browser, open its menu, select "Settings", then "Developer tools" (on some Android devices you may need to select "More" to see the "Settings" option). Check the "Remote debugging" box:

-

-

The browser might display a notification reminding you to set up port forwarding, which you can ignore.

-

Connecting

-

Connect the Android device to the desktop with the USB cable, open WebIDE, and open the "Runtimes" menu. You will see Firefox for Android listed as a debugging target under "USB DEVICES":

-

-

Select it. On the Android device, you'll now see a warning message:

-

-

Click OK. Now click the "Open App" menu in WebIDE. You'll see a list of all the tabs open on the device:

-

-

Select a tab to attach the developer tools to it:

-

-

Now you should be able to use all the Firefox developer tools that support remote debugging. See the page on remote debugging for more details.

-- cgit v1.2.3-54-g00ecf