ホーム > Uncategorized > Public bookmarks 08/21/2013 (a.m.)

Public bookmarks 08/21/2013 (a.m.)


  • tags: remote debug web android

    • Remote debugging overview

        

      The experience of your web content on mobile operates very differently than what users experience on the desktop. The Google Chrome DevTools allow you to inspect, debug, and analyze the on-device experience with the full suite of tools you’re used to, meaning you can use the Chrome DevTools on your development machine to debug a page on your mobile device.

        

      Debugging Chrome for Android using the Chrome Developer Tools

        

      Debugging occurs over USB and as long as your mobile device is connected to your development machine, you can view and change HTML, scripts and styles until you get a bug-free page that behaves perfectly on all devices.

         

      When debugging a web application served from your development machine, you can use reverse port forwarding to allow the mobile device to access a site from the development machine over USB. Reverse port forwarding requires Chrome 29 or later on the development machine, Chrome 28 or later on the mobile device.

  • tags: remote debug web ios

    • With Safari on iOS 6 and later, you can debug your mobile web content from your Mac. You can view JavaScript errors, edit HTML attributes, change CSS properties, and more—just as you would when developing for Safari on OS X. This chapter describes how to use Web Inspector to debug web content on iOS.

      You should test your web content on both the desktop and various iOS devices. If you do not have iOS devices for testing, you can use iOS Simulator in the iOS SDK. Because there is a difference between web browsing on iOS and OS X, you should specifically test your content on iPhone and iPad or emulate the hardware device in Simulator. When testing in Safari on any platform, you can use Web Inspector to debug your web content.

      For more tips on debugging web content in Safari, read Safari Developer Tools Guide. Read the section “Changing the User Agent String” in

Posted from Diigo. The rest of my favorite links are here.

カテゴリー:Uncategorized
  1. まだコメントはありません。
  1. No trackbacks yet.

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。