Select the box next to Show Develop menu in menu barĥ. Click the Advanced tab in the Preferencesģ. Click Safari in the menu bar and choose PreferencesĢ. Plug your device into the computer using a cableġ. To use the Web Inspector, connect your iPhone or another iOS device to a Mac that's running the Safari web browser. Toggle the slider next to Web Inspector to the On position Scroll to the bottom of the screen and tap Advanced menuĤ. Scroll down until you reach Safari and tap on it to open the screen that containsĮverything related to the Safari web browser on your iPhone, iPad, or iPod touchģ. Tap the Settings icon on the iPhone Home screenĢ. However, developers can activate it in just a few short steps. The Web Inspector is disabled by default since most iPhone users have no use for it. Web Inspector is only compatible with Mac computers Note: Information in this article applies to iPhones and other iOS devices running iOS 6 through iOS 12 and Macs on Mac OS X 10.5 Leopard and later unless otherwise notedĪctivate Web Inspector on iPhone iOS 6 and Later To use Web Inspector, you connect the iPhone to your Mac computer with a cable and open the Mac's Safari, where you enable the Develop menu in Safari's Advanced Preferences. You can activate this in the Safari settings on the iPhone or another iOS device. Whenever Safari on the iPhone detects CSS, HTML, and JavaScript errors, details of each are displayed in the debuggerĪll the recent versions of iOS use Web Inspector instead. If you have an iPhone running an early version of iOS, you can access the Debug Console through Settings > Safari > Developer > Debug Console. You should see something like this (the screencast shows the Squoosh app).Before iOS 6, the iPhone's Safari web browser had a built-in Debug Console that developers used to track down web page defects. You should see your web app’s tab in the list of targets. It’s necessary to run a Linux Chrome/Chromium rather than the OS Chrome, because the ADB bridge is established between the Linux container and the Android container. Launch Chromium (from the launcher, or by typing chromium in the terminal).In another terminal window (Ctrl+Shift+N), install Chromium for Linux: sudo apt install chromium.Run Android Chromium Dev from the launcher and open your web app by navigating to the 100.115… IP and the port your server is listening to.Launch your web app server in that terminal window.The 100.115… number is the IP of the Linux container. (We’re choosing Chromium Dev so that its icon is easy to distinguish from other Chrome instances we’ll be running on the Chromebook). Launch the Play Store and install Chrome Dev for Android.Run adb connect 100.115.92.2 (per ) and accept the Allow USB debugging prompt.Open a terminal, then cd platform-tools chmod +x adb.Install ADB: open the downloaded ZIP file, copy the platform-tools directory, and paste it in the Linux files folder.Download Android SDK latform-Tools for Linux.In the newly accessible Developer options menu, enable ADB debugging (this is what requires Chrome OS to be in Developer Mode).Enable Developer Options in Android (tap About -> Build number 7 times).Settings -> Google Play Store -> Manage Android preferences.Press Ctrl+D to begin developer mode, then Enter. A yellow exclamation point (!) or “Please insert a recovery USB stick” is displayed. Set your Chromebook to Developer Mode: press Esc + ⟳ + Power.For web app developers, this means that you can develop on Linux, then test on Android browsers running natively, on the very same machine, locally.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |