{"id":385,"date":"2014-12-03T10:28:47","date_gmt":"2014-12-03T09:28:47","guid":{"rendered":"http:\/\/dev.flauschig.ch\/wordpress\/?p=385"},"modified":"2014-12-10T09:41:11","modified_gmt":"2014-12-10T08:41:11","slug":"capturing-mobile-traffic-from-device-with-fiddler","status":"publish","type":"post","link":"http:\/\/dev.flauschig.ch\/wordpress\/?p=385","title":{"rendered":"Capturing mobile traffic from device with fiddler"},"content":{"rendered":"

Monitoring traffic from a mobile device can help in many debugging scenarios. Fiddler<\/a> is a great tool to monitor and debug http(s) requests. This post will describe all necessary steps to use Fiddler to monitor any traffic from a mobile device (also for apps).<\/p>\n

Install and configure Fiddler<\/strong><\/p>\n

    \n
  1. Install the latest version of Fiddler.<\/li>\n
  2. Install the\u00a0CertMaker for iOS and Android<\/a> (overrides the default cert-maker from Fiddler to get compatibility with Android\/iOS)<\/li>\n
  3. Open Fiddler Options (Tools -> Fiddler Options)<\/li>\n
  4. Switch to Connections tab<\/li>\n
  5. Check the Fiddler\u00a0listens on port (should be 8888, but you can change it if needed)<\/li>\n
  6. Make sure that\u00a0“Allow remote computers to connect” is checked<\/li>\n
  7. Switch to HTTPS tab<\/li>\n
  8. Make sure that “Capture HTTPS CONNECTs” is checked<\/li>\n
  9. Make sure that “Decrypt HTTPS traffic” is checked
    \n

    Note: If you previously already had a certificate made with the default or another generator than the CertMaker, you might need to regenerate the certificate (by deactivating “Decrypt HTTPS traffic”, then clicking “Remove Interception Certificates” and then reactivating “Decrypt HTTPS traffic” again).<\/p><\/blockquote>\n<\/li>\n

  10. Make sure “Ignore server certificate errors” is checked<\/li>\n
  11. Restart Fiddler<\/li>\n<\/ol>\n

    Setup proxy on Android<\/strong><\/p>\n

      \n
    1. Open Settings -> Wi-Fi<\/li>\n
    2. Edit the network you’re currently using<\/li>\n
    3. Choose “Show advanced options”<\/li>\n
    4. Change “Proxy settings” to “Manual”<\/li>\n
    5. Enter the IP of the Windows PC with Fiddler under “Proxy host name”<\/li>\n
    6. Enter the Fiddler port (default 8888) under “Proxy port”<\/li>\n
    7. Save the settings<\/li>\n<\/ol>\n

      Setup proxy on iOS<\/strong><\/p>\n

        \n
      1. Open Settings<\/li>\n
      2. Edit your current network<\/li>\n
      3. Go to “Http-Proxy” and set it to “Manual”<\/li>\n
      4. Enter the IP of the Windows PC with Fiddler under “Server”<\/li>\n
      5. Enter the Fiddler port (default 8888) under “Port”<\/li>\n
      6. Make sure “Authenticate” is not<\/span> checked<\/li>\n<\/ol>\n

        Install the Fiddler certificate on the device (needed for HTTPS)<\/strong><\/p>\n

          \n
        1. Open any browser on the mobile device<\/li>\n
        2. Browse to http:\/\/<your windows ip>:<fiddlerport> (eg: http:\/\/192.168.1.30:8888)
          \n

          Note: You might get a “Connection Refused” here. If this is the case, you can try to disable the “Enable IPv6 (if available)” checkbox in the “General” tab.<\/p><\/blockquote>\n<\/li>\n

        3. Click on “FiddlerRoot certificate”<\/li>\n
        4. Install the certificate (might need your device pin or password)<\/li>\n<\/ol>\n

          Hint: Chrome traffic not captured<\/strong><\/p>\n

          If the traffic from the chrome browser is then not visible in Fiddler this might be because of the “Reduce data usage<\/a>” setting of chrome. This means that the traffic is redirected thru a google proxy and therefore does not work with your Fiddler proxy. To fix this, just disable the “Reduce data usage” and “Preload webpages” option in Chrome (Advanced -> Bandwidth management)<\/p>\n","protected":false},"excerpt":{"rendered":"

          Monitoring traffic from a mobile device can help in many debugging scenarios. Fiddler is a great tool to monitor and debug http(s) requests. This post will describe all necessary steps to use Fiddler to monitor any traffic from a mobile device (also for apps). Install and configure Fiddler Install the latest version of Fiddler. Install … <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"entry","1":"post","2":"publish","3":"author-roemer","4":"post-385","6":"format-standard","7":"category-uncategorized"},"acf":[],"views":3086,"_links":{"self":[{"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/385"}],"collection":[{"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=385"}],"version-history":[{"count":0,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/385\/revisions"}],"wp:attachment":[{"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=385"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}