• << Fire OS Developer Docs
• Get Started
  • Get Started with Fire Tablets
  • Set Up Your Development Environment for Fire Tablets
  • Create Your First Fire Tablet App
  • Connect to Fire Tablet through ADB
  • Get started with Amazon Stylus SDK
  • UX Specifications
  • User Agent Strings for Fire Tablets
  • Supported Android Intents
  • FAQs for Fire Tablets
• Fire OS for Fire Tablets
  • Fire OS 8 for Fire Tablets
  • Fire OS 7 for Fire Tablets
  • Fire OS 6 for Fire Tablets
• Android Apps
  • Screen Layout and Resolution
  • Device Orientation
  • Soft Key Bar
  • Button Size and Placement
  • Graphics Performance
  • Data Transfers and Mobile Networks
  • Launcher Icon Guidelines
  • App Installation Location
  • Advertising ID
  • Resources for International Locales
• Test your Android Apps
  • Run Your App on a Fire Tablet
  • Test Without an Amazon Device
  • Take Screenshots on Fire Tablets
• Web Apps
  • Get Started with Web Apps
  • Set up Development Environment
  • Best Practices for Developing Web Apps
  • Web App FAQs
  • Detect the Device Display Characteristics
  • Force the Device Orientation
  • Handle Device Orientation
  • Automatically Scale an Element to Fill the Screen
  • HTTP Caching
  • Protect Your Web App
  • Capture Media from Device Sensors
  • Use Geolocation Data
• Test Your Web Apps
  • Install and Use the Amazon Web App Tester
  • Debug Your Web App
  • Use the Debug APK to Test Your App
• HTML5 Hybrid Apps
  • HTML5 Hybrid Apps
  • Build and Test Your HTML5 Hybrid App
  • HTML5 Hybrid App FAQs
• React Native for Fire Tablet
  • Get Started with React Native (Fire Tablets)
  • Supported React Native Libraries (Fire Tablets)
• Accessibility
  • Assistive Technologies for Fire OS
  • Implement Accessibility in Fire OS
  • Accessibility Features
    • Implement Reading and Subscribing to AD/CC Settings

Debug Your Web App (Fire Tablets)

You can use Chrome DevTools on your development machine to debug a web app that is running on a Fire TV device, Fire tablet, or other Android device. Connect the development machine and host device using either a USB cable or a WiFi network.

• Install Chrome DevTools
• Set Up the Debug Environment Using USB
• Set Up the Debug Environment Using WiFi
• Set Up the Debug Environment on 1st Generation Kindle Fire

• Connect your device and computer using ADB. See Connect to fire-tablets through ADB.
• Install and setup the Web App Tester. See Install and Use the Amazon Web App Tester.
• USB or WiFi connection between development machine and host device.

Install Chrome DevTools

To use the Chrome DevTools to debug your web app, you must first install the Chrome Browser (version 32 or later) on your computer. Visit http://www.google.com/chrome for download instructions.

The Chrome DevTools use the Android Debug Bridge (ADB), part of the Android SDK tools, to communicate with the web app from your computer. For more information on using the Chrome DevTools, see Discover Chrome DevTools on the Chromium blog.

On your development machine, open Chrome. You should be signed in to Chrome with one of your Google accounts. Remote debugging does not work in Incognito Mode or Guest Mode.

Set Up the Debug Environment Using USB

Follow these steps to connect Chrome DevTools on your development machine to the Web App Tester on your host device:

1. Connect your host device directly to your development machine using a USB cable. Don't use any intermediate USB hubs.
2. From Web App Tester, click Test to start up the app.
3. On your development machine, enter chrome://inspect in the URL input line. The Chrome browser will display the host device and the running apps. Click inspect to open the developer tools window.

You can now use the features of Chrome DevTools to debug and test your web app.

Set Up the Debug Environment Using WiFi

To connect the Chrome DevTools and the web app for debugging using wireless:

1. Connect your host device directly to your development machine using a USB cable.
2. On your host device, tap and open the Web App Tester.
3. On your computer, open a command prompt window or terminal shell and navigate to your Android SDK platform-tools directory.

4. Run the following command:

   On Windows:

   adb tcpip 5555
   

   On OS X:

   ./adb tcpip 5555
   

5. Disconnect your host device and your computer.
6. Ensure that your development machine and device are connected to the same network.

7. Connect to your device by running the following command, with the IP Address specified in Web App Tester here:

   

   On Windows:

   adb connect 192.168.1.133
   

   On Mac OS X:

   ./adb connect 192.168.1.133
   

8. On your development machine, enter chrome://inspect in the URL input line. The Chrome browser will display the host device and the running apps. Click inspect to open the developer tools window.

The Chrome DevTools will then open a Chrome window in which you can view the code for your web app and debug it as it runs.

Set Up the Debug Environment on 1st Generation Kindle Fire

Chrome DevTools are not available on Android devices that are incompatible with Chromium, which includes 1st Generation Kindle Fire. For these devices the JavaScript console provides limited debugging capabilities over WiFi. It enables you to send JavaScript commands to the device. Before you can connect to the JavaScript Console, you must setup the Web App Tester. See Amazon Web App Tester to learn more. To set up a debugging environment on devices those do not support Chrome DevTools:

1. On your divide tap and open the Web App Tester app.
2. Use the full screen handle at the bottom of the screen to open the Status Bar. This step is necessary only on Fire tablets.
3. From the top of the screen, swipe down on the Status Bar to open the Quick Settings. You get a single notification to enable the JavaScript Console.
4. Tap the notification to enable the JavaScript Console. A new notification appears with the URL to access the JavaScript console on your computer.
5. On your computer, make sure you are connected to the same network as the device. Open the browser and enter the URL specified in the previous step.

---

Last updated: Oct 29, 2020