As an administrator of a blog, I debug my personal website using Chrome to see how the changes in the theme and CSS would look like before implementing them permanently on the server. I wasn’t long ago when I never paid attention to mobile pages as only few visitors visited my site using a smartphone. But today, a significant percentage of visitors comprise of smartphones and tablets, and hence it has become necessary to take care of looks and presentation there as well.
So you get Pages along with the other iWork apps, Numbers, and Keynote as a bonus. If you are a Mac user, all you need is your Apple ID to download Pages Mac and iOS from the Mac App Store. If you are creating documents and want to work on the move with an iOS device, you can use Pages on your iPhone or iPad. You can choose from a number of preset keymaps or modify a preset keymap to create a new custom keymap in the keymap settings for Android Studio. To open the keymap settings, choose File Settings (on Mac, Android Studio Preferences) and navigate to the Keymap pane. The Android Studio keymap settings window.
If it was a page on computer, a one could have easily debugged using the option from Chrome’s right-click context menu but that’s not the option with the pages on mobile. So, today I will show you how you can debug mobile web pages on your computer using Chrome for Android and Android SDK.
Debugging the Web Page
Step 1: Download and install Android SDK on your computer and run it. Installer will ask you to download Java if you don’t have it installed.
For the first time you run Android SDK on your computer, it will ask you to download several APIs and tools. If your sole purpose of installing Android SDK is to debug the pages, uncheck everything except Android SDK Platform-tools and click the Install Package button.
Step 2: After installing Android platform tools, open the Run Box (Windows+R) and run %userprofile%AppDataLocalAndroidandroid-sdkplatform-tools to open the Android platform tools directory.
![Mac pages for android windows 7 Mac pages for android windows 7](/uploads/1/1/6/7/116727333/923929826.gif)
Step 3: Now hold Ctrl+Shift key and right-click in the folder to open command prompt there. You can also open Command prompt using Run box and navigate to the folder manually.
Step 4: Having done that, open Chrome on your Android phone, open Settings—>Developer tools and check on the option Enable USB Web debugging.
Step 5: Now on the command prompt run the command adb forward tcp:9222 localabstract:chrome_devtools_remote and open Chrome browser on Windows on successful execution.
Step 6: Open the page you want to debug on your Android Chrome browser and open the URL localhost:9222 on your computer’s Chrome browser.
Mac Pages For Android Apps
That’s all, you will see all the pages that are open on your Android browser as thumbnails on your computer. To open the debug page, simply click on the respective website thumbnail. You will be able to track the debugging changes you make on your computer directly on Android in real-time.
Conclusion
![Pages Pages](/uploads/1/1/6/7/116727333/194822163.png)
I am sure this trick will help many web developers to optimize their web pages for smartphones. I have used the trick to configure my web pages and it worked out like charm. However, if you know of a better way to debug smartphone web pages on computer, do share it with us.
The above article may contain affiliate links which help support Guiding Tech. However, it does not affect our editorial integrity. The content remains unbiased and authentic.Also See#chrome
Pages Mac Android
#codingDid You Know
Like Google Chrome, Play Music also has experimental features called Labs.