SlideShare a Scribd company logo
Fiddler Debugging Proxy
   http://tinyurl.com/josephj-fiddler
            Fiddler Debugging Proxy
                 / josephj /
Fiddler
   miiiCasa Bar
Fiddler
   miiiCasa Bar
Fiddler
                         miiiCasa Bar




miiiCasa Bar
  HTTP         Port 80
               HTML       JavaScript
Fiddler
Fiddler




         Firmware


...      Router
Fiddler
Fiddler
Fiddler




     (iptable?)
Charles   Fiddler
Charles   Fiddler




            Charles Web Debugging
Proxy
Fiddler
Fiddler




     http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4
Fiddler




     http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4
Fiddler




          http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4




Fiddler                                                                                            Proxy Server
                                                                                                Proxy
Fiddler




          http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4




Fiddler                                                                                            Proxy Server
                                                                                                Proxy
Fiddler                                                                                            Session
Fiddler
Fiddler
• Inspector -   Session
Fiddler
• Inspector -   Session
• Timeline -
Fiddler
• Inspector -    Session
• Timeline -
• HOST - hosts
Fiddler
• Inspector -    Session
• Timeline -
• HOST - hosts
• AutoResponder -          Response
Fiddler
• Inspector -       Session
• Timeline -
• HOST - hosts
• AutoResponder -             Response
• FiddlerScript -
Fiddler
• Inspector -       Session
• Timeline -
• HOST - hosts
• AutoResponder -             Response
• FiddlerScript -
• Filter -             Session
Fiddler
• Inspector -       Session
• Timeline -
• HOST - hosts
• AutoResponder -             Response
• FiddlerScript -
• Filter -             Session
• QuickExec -
Fiddler
    Inspector -   Session
Fiddler
         Inspector -   Session


 xuite   HTML
Fiddler
         Inspector -   Session


 xuite   HTML

                                 Request




                                 Response
Fiddler
Timeline -   Sessions
Fiddler
Timeline -   Sessions



                        xuite   Components
Fiddler
  HOST -   hosts   port
Fiddler
  HOST -   hosts           port




                   ports          =b
Fiddler
   AutoResponder -   Response
Fiddler
       AutoResponder -      Response


  1.   Unlock for Editing
Fiddler
       AutoResponder -           Response


  1.   Unlock for Editing




                            2.       JavaScript
Fiddler
       AutoResponder -                           Response

                            3.   Session   AutoResponder
  1.   Unlock for Editing




                                            2.             JavaScript
Fiddler
   AutoResponder -   Response
Fiddler
   AutoResponder -                  Response




          Reload
                   Production   JavaScript Formatter)
Fiddler
   AutoResponder -   Response




   2.        CSS         baidu.css
Fiddler
   AutoResponder -   Response




   2.        CSS         baidu.css
Fiddler
  FiddlerScript -
Fiddler
  FiddlerScript -
Fiddler
  FiddlerScript -

                                HOST
                FiddlerScript
Fiddler
  FiddlerScript -

                                HOST
                FiddlerScript




                                       JavaScript
Fiddler
  Filter -   Sessions
Fiddler
  Filter -                          Sessions




             1.    Hide All, Non-browsers
             All Processes, Web Browser
Fiddler
  Filter -                          Sessions
                                   2-1.     Process Filter :   Tab




             1.    Hide All, Non-browsers
             All Processes, Web Browser
Fiddler
  Filter -                          Sessions
                                   2-1.     Process Filter :   Tab

                                                                     Process
                                                                     IE Tab
                                                                     iexplore:6708




             1.    Hide All, Non-browsers
             All Processes, Web Browser
Fiddler
  Filter -   Sessions
Fiddler
  Filter -                             Sessions
             2-2.   Process Filter :     iexplore:6408   Reload
Fiddler
  Filter -                             Sessions
             2-2.   Process Filter :        iexplore:6408   Reload




                                       2   Tab
Fiddler
    QuickExec -




   http://www.fiddler2.com/Fiddler/help/quickexec.asp
Fiddler
    QuickExec -




   http://www.fiddler2.com/Fiddler/help/quickexec.asp
Fiddler
    QuickExec -




                                         bold xuite.net
                                     xuite.net       session




   http://www.fiddler2.com/Fiddler/help/quickexec.asp
Fiddler
    QuickExec -




                                         bold xuite.net
                                     xuite.net       session
                                         select image
                                             Session



   http://www.fiddler2.com/Fiddler/help/quickexec.asp
Fiddler
    QuickExec -




                                         bold xuite.net
                                     xuite.net       session
                                         select image
                                             Session



   http://www.fiddler2.com/Fiddler/help/quickexec.asp
Fiddler   Plugins
Fiddler             Plugins

  • JavaScript Formatter
Fiddler             Plugins

  • JavaScript Formatter

  • JSON Viewer
Fiddler             Plugins

  • JavaScript Formatter

  • JSON Viewer

  • Gallery
Fiddler              Plugins

  • JavaScript Formatter

  • JSON Viewer

  • Gallery



http://www.fiddler2.com/fiddler2/extensions.asp
Fiddler             Plugins
JavaScript Formatter -
Fiddler                  Plugins
JavaScript Formatter -


                 xuite      JavaScript
Fiddler                  Plugins
JavaScript Formatter -


                 xuite      JavaScript
Fiddler                  Plugins
JavaScript Formatter -


                 xuite      JavaScript




                                JavaScript
Fiddler         Plugins
JSON Viewer -       Response
Fiddler         Plugins
JSON Viewer -       Response
Fiddler        Plugins
   Gallery -   Session
Fiddler        Plugins
   Gallery -   Session
Fiddler   miiiCasa
Fiddler      miiiCasa
  1.      miiiCasa Bar
Fiddler      miiiCasa
  1.      miiiCasa Bar
  2.
Fiddler       miiiCasa
  1.      miiiCasa Bar
  2.
  3.      Firebug Lite   YUI Console
Fiddler       miiiCasa
  1.      miiiCasa Bar
  2.
  3.      Firebug Lite   YUI Console


  4.
Fiddler       miiiCasa
  1.      miiiCasa Bar
  2.
  3.      Firebug Lite   YUI Console


  4.
  5.
Fiddler       miiiCasa
  1.      miiiCasa Bar
  2.
  3.      Firebug Lite   YUI Console


  4.
  5.
  6. JavaScript/CSS
Fiddler       miiiCasa
  1.      miiiCasa Bar
  2.
  3.      Firebug Lite       YUI Console


  4.
  5.
  6. JavaScript/CSS

                 http://gist.github.com/93512
Fiddler     miiiCasa
   1.     miiiCasa Bar -   UI
Fiddler     miiiCasa
   1.     miiiCasa Bar -            UI



                           1.   a.mimgs.com     Bar
                           2.   a.staging.mimgs.com    Bar
                           3.   img1.corp.miiicasa.com   Bar
                           4.   Bar
Fiddler       miiiCasa
1.   miiiCasa Bar -      FiddlerScript
Fiddler       miiiCasa
1.   miiiCasa Bar -      FiddlerScript
                                INJECTION_HOST
Fiddler       miiiCasa
1.   miiiCasa Bar -                    FiddlerScript
                                              INJECTION_HOST




                      INJECTION_HOST              miiiCasa Bar
Fiddler    miiiCasa
    1.    miiiCasa Bar -
Fiddler    miiiCasa
    1.    miiiCasa Bar -




                  1.       miiiCasa Bar
Fiddler             miiiCasa
     1.         miiiCasa Bar -
2.        miiiCasa Bar




                         1.      miiiCasa Bar
Fiddler              miiiCasa
     1.          miiiCasa Bar -
2.         miiiCasa Bar




                          1.      miiiCasa Bar




      3.
Fiddler   miiiCasa
  2.
Fiddler   miiiCasa
  2.




                 Port   5002*
Fiddler   miiiCasa
  2.




                 Port   5002*
Fiddler
Fiddler
Fiddler   devm1.corp.miiicasa.com:50020
Fiddler       miiiCasa
  3.      Firebug Lite   YUI Console
Fiddler       miiiCasa
  3.      Firebug Lite   YUI Console
Fiddler       miiiCasa
  3.      Firebug Lite      YUI Console




             Firebug Lite
                  IE6
Fiddler    miiiCasa
          4.
Fiddler    miiiCasa
          4.




                      CSS Class Name
Fiddler    miiiCasa
          4.




                      CSS Class Name
Fiddler    miiiCasa
          4.




                      CSS Class Name
Fiddler    miiiCasa
          4.
Fiddler    miiiCasa
          4.




               2      1
Fiddler    miiiCasa
          5.
Fiddler    miiiCasa
          5.

               id   <div/>   alert
Fiddler    miiiCasa
          5.

               id   <div/>   alert
Fiddler      miiiCasa
    5. JavaScript/CSS
Fiddler               miiiCasa
           5. JavaScript/CSS
miiiCasa          JS/CSS
Fiddler               miiiCasa
           5. JavaScript/CSS
miiiCasa          JS/CSS

                 http://a.mimgs.com/mini?module=space&type=js
Fiddler               miiiCasa
           5. JavaScript/CSS
miiiCasa          JS/CSS

                 http://a.mimgs.com/mini?module=space&type=js




                                   Debugging
Fiddler          miiiCasa
    5. JavaScript/CSS
                    &nominify

          http://a.mimgs.com/fuse?module=space&type=js&nominify
Fiddler      miiiCasa
    5. JavaScript/CSS
Fiddler       miiiCasa
    5. JavaScript/CSS
    Fiddler             Code
Fiddler       miiiCasa
    5. JavaScript/CSS
    Fiddler                   Code
              http://a.mimgs.com/fuse?module=space&type=js
Fiddler              miiiCasa
    5. JavaScript/CSS
    Fiddler                          Code
                     http://a.mimgs.com/fuse?module=space&type=js




     FiddlerScript
Fiddler
Guidelines
Fiddler
Guidelines
Your
                                                    Fiddler Hacking
                                                           Time!

                                                    Thank You
                                                    so muchiii
                                                     Any Questions?
                                                      josephj6802@gmail.com



http://www.flickr.com/photos/phploveme/2847931240/

More Related Content

Similar to 不用不可之 Fiddler Debugging Proxy!

Penny coventry fiddler-spsbe23
Penny coventry fiddler-spsbe23Penny coventry fiddler-spsbe23
Penny coventry fiddler-spsbe23
BIWUG
 
Continuous testing In PHP
Continuous testing In PHPContinuous testing In PHP
Continuous testing In PHP
Eric Hogue
 
Guarding Your Code Against Bugs with Continuous Testing
Guarding Your Code Against Bugs with Continuous TestingGuarding Your Code Against Bugs with Continuous Testing
Guarding Your Code Against Bugs with Continuous Testing
Eric Hogue
 
Introducing Alfred Finder 2.0
Introducing Alfred Finder 2.0 Introducing Alfred Finder 2.0
Introducing Alfred Finder 2.0
XeniT Solutions nv
 
The Modern Developer Toolbox
The Modern Developer ToolboxThe Modern Developer Toolbox
The Modern Developer Toolbox
Pablo Godel
 
Introduction to Apache Kafka
Introduction to Apache KafkaIntroduction to Apache Kafka
Introduction to Apache Kafka
Shiao-An Yuan
 
Webapp2 2.2
Webapp2 2.2Webapp2 2.2
Webapp2 2.2
Sergi Duró
 
MyFaces CODI Conversations
MyFaces CODI ConversationsMyFaces CODI Conversations
MyFaces CODI Conversations
os890
 
Composer - The missing package manager for PHP
Composer - The missing package manager for PHPComposer - The missing package manager for PHP
Composer - The missing package manager for PHP
Tareq Hasan
 
What should be PID 1 in a container ? by Ranjith Rajaram for #rootConf 2017
What should be PID 1 in a container ? by Ranjith Rajaram for #rootConf 2017What should be PID 1 in a container ? by Ranjith Rajaram for #rootConf 2017
What should be PID 1 in a container ? by Ranjith Rajaram for #rootConf 2017
Ranjith Rajaram
 
Michelin Starred Cooking with Chef
Michelin Starred Cooking with ChefMichelin Starred Cooking with Chef
Michelin Starred Cooking with Chef
Jon Cowie
 
Symfony2 San Francisco Meetup 2009
Symfony2 San Francisco Meetup 2009Symfony2 San Francisco Meetup 2009
Symfony2 San Francisco Meetup 2009Fabien Potencier
 
PowerPoint Presentation
PowerPoint PresentationPowerPoint Presentation
PowerPoint Presentationwebhostingguy
 
The Kitchen Cloud How To: Automating Joyent SmartMachines with Chef
The Kitchen Cloud How To: Automating Joyent SmartMachines with ChefThe Kitchen Cloud How To: Automating Joyent SmartMachines with Chef
The Kitchen Cloud How To: Automating Joyent SmartMachines with Chef
Chef Software, Inc.
 
Hudson以外の何か with 任意
Hudson以外の何か with 任意Hudson以外の何か with 任意
Hudson以外の何か with 任意bleis tift
 
Plack basics for Perl websites - YAPC::EU 2011
Plack basics for Perl websites - YAPC::EU 2011Plack basics for Perl websites - YAPC::EU 2011
Plack basics for Perl websites - YAPC::EU 2011
leo lapworth
 
Beware the potholes
Beware the potholesBeware the potholes
Beware the potholes
Yan Cui
 
GIT from n00b
GIT from n00bGIT from n00b
GIT from n00b
Supachai Vorrasing
 
Tech Webinar: Offline First: Creare un'app Phonegap che funzioni offline e si...
Tech Webinar: Offline First: Creare un'app Phonegap che funzioni offline e si...Tech Webinar: Offline First: Creare un'app Phonegap che funzioni offline e si...
Tech Webinar: Offline First: Creare un'app Phonegap che funzioni offline e si...
Codemotion
 
Skaffold - faster development on K8S
Skaffold - faster development on K8SSkaffold - faster development on K8S
Skaffold - faster development on K8S
Huynh Thai Bao
 

Similar to 不用不可之 Fiddler Debugging Proxy! (20)

Penny coventry fiddler-spsbe23
Penny coventry fiddler-spsbe23Penny coventry fiddler-spsbe23
Penny coventry fiddler-spsbe23
 
Continuous testing In PHP
Continuous testing In PHPContinuous testing In PHP
Continuous testing In PHP
 
Guarding Your Code Against Bugs with Continuous Testing
Guarding Your Code Against Bugs with Continuous TestingGuarding Your Code Against Bugs with Continuous Testing
Guarding Your Code Against Bugs with Continuous Testing
 
Introducing Alfred Finder 2.0
Introducing Alfred Finder 2.0 Introducing Alfred Finder 2.0
Introducing Alfred Finder 2.0
 
The Modern Developer Toolbox
The Modern Developer ToolboxThe Modern Developer Toolbox
The Modern Developer Toolbox
 
Introduction to Apache Kafka
Introduction to Apache KafkaIntroduction to Apache Kafka
Introduction to Apache Kafka
 
Webapp2 2.2
Webapp2 2.2Webapp2 2.2
Webapp2 2.2
 
MyFaces CODI Conversations
MyFaces CODI ConversationsMyFaces CODI Conversations
MyFaces CODI Conversations
 
Composer - The missing package manager for PHP
Composer - The missing package manager for PHPComposer - The missing package manager for PHP
Composer - The missing package manager for PHP
 
What should be PID 1 in a container ? by Ranjith Rajaram for #rootConf 2017
What should be PID 1 in a container ? by Ranjith Rajaram for #rootConf 2017What should be PID 1 in a container ? by Ranjith Rajaram for #rootConf 2017
What should be PID 1 in a container ? by Ranjith Rajaram for #rootConf 2017
 
Michelin Starred Cooking with Chef
Michelin Starred Cooking with ChefMichelin Starred Cooking with Chef
Michelin Starred Cooking with Chef
 
Symfony2 San Francisco Meetup 2009
Symfony2 San Francisco Meetup 2009Symfony2 San Francisco Meetup 2009
Symfony2 San Francisco Meetup 2009
 
PowerPoint Presentation
PowerPoint PresentationPowerPoint Presentation
PowerPoint Presentation
 
The Kitchen Cloud How To: Automating Joyent SmartMachines with Chef
The Kitchen Cloud How To: Automating Joyent SmartMachines with ChefThe Kitchen Cloud How To: Automating Joyent SmartMachines with Chef
The Kitchen Cloud How To: Automating Joyent SmartMachines with Chef
 
Hudson以外の何か with 任意
Hudson以外の何か with 任意Hudson以外の何か with 任意
Hudson以外の何か with 任意
 
Plack basics for Perl websites - YAPC::EU 2011
Plack basics for Perl websites - YAPC::EU 2011Plack basics for Perl websites - YAPC::EU 2011
Plack basics for Perl websites - YAPC::EU 2011
 
Beware the potholes
Beware the potholesBeware the potholes
Beware the potholes
 
GIT from n00b
GIT from n00bGIT from n00b
GIT from n00b
 
Tech Webinar: Offline First: Creare un'app Phonegap che funzioni offline e si...
Tech Webinar: Offline First: Creare un'app Phonegap che funzioni offline e si...Tech Webinar: Offline First: Creare un'app Phonegap che funzioni offline e si...
Tech Webinar: Offline First: Creare un'app Phonegap che funzioni offline e si...
 
Skaffold - faster development on K8S
Skaffold - faster development on K8SSkaffold - faster development on K8S
Skaffold - faster development on K8S
 

More from Joseph Chiang

不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Joseph Chiang
 
Let's Redux!
Let's Redux!Let's Redux!
Let's Redux!
Joseph Chiang
 
Automatic Functional Testing with Selenium and SauceLabs
Automatic Functional Testing with Selenium and SauceLabsAutomatic Functional Testing with Selenium and SauceLabs
Automatic Functional Testing with Selenium and SauceLabs
Joseph Chiang
 
From Hacker to Programmer (w/ Webpack, Babel and React)
From Hacker to Programmer (w/ Webpack, Babel and React)From Hacker to Programmer (w/ Webpack, Babel and React)
From Hacker to Programmer (w/ Webpack, Babel and React)
Joseph Chiang
 
JavaScript Promise
JavaScript PromiseJavaScript Promise
JavaScript Promise
Joseph Chiang
 
F2E for Enterprise
F2E for EnterpriseF2E for Enterprise
F2E for Enterprise
Joseph Chiang
 
JavaScript Code Quality
JavaScript Code QualityJavaScript Code Quality
JavaScript Code Quality
Joseph Chiang
 
前端的未來 - 前端工程實務訓練
前端的未來 - 前端工程實務訓練前端的未來 - 前端工程實務訓練
前端的未來 - 前端工程實務訓練Joseph Chiang
 
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練Joseph Chiang
 
Debugging - 前端工程開發實務訓練
 Debugging - 前端工程開發實務訓練 Debugging - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練Joseph Chiang
 
Javascript 入門 - 前端工程開發實務訓練
Javascript 入門 - 前端工程開發實務訓練Javascript 入門 - 前端工程開發實務訓練
Javascript 入門 - 前端工程開發實務訓練Joseph Chiang
 
Node.js 入門 - 前端工程開發實務訓練
Node.js 入門 - 前端工程開發實務訓練Node.js 入門 - 前端工程開發實務訓練
Node.js 入門 - 前端工程開發實務訓練Joseph Chiang
 
前端工程開發實務訓練
前端工程開發實務訓練前端工程開發實務訓練
前端工程開發實務訓練Joseph Chiang
 
YUI 教學 - 前端工程開發實務訓練
YUI 教學 - 前端工程開發實務訓練YUI 教學 - 前端工程開發實務訓練
YUI 教學 - 前端工程開發實務訓練Joseph Chiang
 
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練Joseph Chiang
 
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練Joseph Chiang
 
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
Joseph Chiang
 
YUI is Sexy (for JSDC.tw)
YUI is Sexy (for JSDC.tw)YUI is Sexy (for JSDC.tw)
YUI is Sexy (for JSDC.tw)
Joseph Chiang
 
YUI is Sexy - 使用 YUI 作為開發基礎
YUI is Sexy - 使用 YUI 作為開發基礎YUI is Sexy - 使用 YUI 作為開發基礎
YUI is Sexy - 使用 YUI 作為開發基礎
Joseph Chiang
 

More from Joseph Chiang (20)

不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
 
Let's Redux!
Let's Redux!Let's Redux!
Let's Redux!
 
Automatic Functional Testing with Selenium and SauceLabs
Automatic Functional Testing with Selenium and SauceLabsAutomatic Functional Testing with Selenium and SauceLabs
Automatic Functional Testing with Selenium and SauceLabs
 
From Hacker to Programmer (w/ Webpack, Babel and React)
From Hacker to Programmer (w/ Webpack, Babel and React)From Hacker to Programmer (w/ Webpack, Babel and React)
From Hacker to Programmer (w/ Webpack, Babel and React)
 
JavaScript Promise
JavaScript PromiseJavaScript Promise
JavaScript Promise
 
F2E for Enterprise
F2E for EnterpriseF2E for Enterprise
F2E for Enterprise
 
JavaScript Code Quality
JavaScript Code QualityJavaScript Code Quality
JavaScript Code Quality
 
F2E, the Keystone
F2E, the KeystoneF2E, the Keystone
F2E, the Keystone
 
前端的未來 - 前端工程實務訓練
前端的未來 - 前端工程實務訓練前端的未來 - 前端工程實務訓練
前端的未來 - 前端工程實務訓練
 
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
 
Debugging - 前端工程開發實務訓練
 Debugging - 前端工程開發實務訓練 Debugging - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練
 
Javascript 入門 - 前端工程開發實務訓練
Javascript 入門 - 前端工程開發實務訓練Javascript 入門 - 前端工程開發實務訓練
Javascript 入門 - 前端工程開發實務訓練
 
Node.js 入門 - 前端工程開發實務訓練
Node.js 入門 - 前端工程開發實務訓練Node.js 入門 - 前端工程開發實務訓練
Node.js 入門 - 前端工程開發實務訓練
 
前端工程開發實務訓練
前端工程開發實務訓練前端工程開發實務訓練
前端工程開發實務訓練
 
YUI 教學 - 前端工程開發實務訓練
YUI 教學 - 前端工程開發實務訓練YUI 教學 - 前端工程開發實務訓練
YUI 教學 - 前端工程開發實務訓練
 
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
 
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
 
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
 
YUI is Sexy (for JSDC.tw)
YUI is Sexy (for JSDC.tw)YUI is Sexy (for JSDC.tw)
YUI is Sexy (for JSDC.tw)
 
YUI is Sexy - 使用 YUI 作為開發基礎
YUI is Sexy - 使用 YUI 作為開發基礎YUI is Sexy - 使用 YUI 作為開發基礎
YUI is Sexy - 使用 YUI 作為開發基礎
 

Recently uploaded

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
Product School
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 

Recently uploaded (20)

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 

不用不可之 Fiddler Debugging Proxy!

  • 1. Fiddler Debugging Proxy http://tinyurl.com/josephj-fiddler Fiddler Debugging Proxy / josephj /
  • 2. Fiddler miiiCasa Bar
  • 3. Fiddler miiiCasa Bar
  • 4. Fiddler miiiCasa Bar miiiCasa Bar HTTP Port 80 HTML JavaScript
  • 6. Fiddler Firmware ... Router
  • 9. Fiddler (iptable?)
  • 10. Charles Fiddler
  • 11. Charles Fiddler Charles Web Debugging Proxy Fiddler
  • 12. Fiddler http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4
  • 13. Fiddler http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4
  • 14. Fiddler http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4 Fiddler Proxy Server Proxy
  • 15. Fiddler http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4 Fiddler Proxy Server Proxy Fiddler Session
  • 18. Fiddler • Inspector - Session • Timeline -
  • 19. Fiddler • Inspector - Session • Timeline - • HOST - hosts
  • 20. Fiddler • Inspector - Session • Timeline - • HOST - hosts • AutoResponder - Response
  • 21. Fiddler • Inspector - Session • Timeline - • HOST - hosts • AutoResponder - Response • FiddlerScript -
  • 22. Fiddler • Inspector - Session • Timeline - • HOST - hosts • AutoResponder - Response • FiddlerScript - • Filter - Session
  • 23. Fiddler • Inspector - Session • Timeline - • HOST - hosts • AutoResponder - Response • FiddlerScript - • Filter - Session • QuickExec -
  • 24. Fiddler Inspector - Session
  • 25. Fiddler Inspector - Session xuite HTML
  • 26. Fiddler Inspector - Session xuite HTML Request Response
  • 27. Fiddler Timeline - Sessions
  • 28. Fiddler Timeline - Sessions xuite Components
  • 29. Fiddler HOST - hosts port
  • 30. Fiddler HOST - hosts port ports =b
  • 31. Fiddler AutoResponder - Response
  • 32. Fiddler AutoResponder - Response 1. Unlock for Editing
  • 33. Fiddler AutoResponder - Response 1. Unlock for Editing 2. JavaScript
  • 34. Fiddler AutoResponder - Response 3. Session AutoResponder 1. Unlock for Editing 2. JavaScript
  • 35. Fiddler AutoResponder - Response
  • 36. Fiddler AutoResponder - Response Reload Production JavaScript Formatter)
  • 37. Fiddler AutoResponder - Response 2. CSS baidu.css
  • 38. Fiddler AutoResponder - Response 2. CSS baidu.css
  • 41. Fiddler FiddlerScript - HOST FiddlerScript
  • 42. Fiddler FiddlerScript - HOST FiddlerScript JavaScript
  • 43. Fiddler Filter - Sessions
  • 44. Fiddler Filter - Sessions 1. Hide All, Non-browsers All Processes, Web Browser
  • 45. Fiddler Filter - Sessions 2-1. Process Filter : Tab 1. Hide All, Non-browsers All Processes, Web Browser
  • 46. Fiddler Filter - Sessions 2-1. Process Filter : Tab Process IE Tab iexplore:6708 1. Hide All, Non-browsers All Processes, Web Browser
  • 47. Fiddler Filter - Sessions
  • 48. Fiddler Filter - Sessions 2-2. Process Filter : iexplore:6408 Reload
  • 49. Fiddler Filter - Sessions 2-2. Process Filter : iexplore:6408 Reload 2 Tab
  • 50. Fiddler QuickExec - http://www.fiddler2.com/Fiddler/help/quickexec.asp
  • 51. Fiddler QuickExec - http://www.fiddler2.com/Fiddler/help/quickexec.asp
  • 52. Fiddler QuickExec - bold xuite.net xuite.net session http://www.fiddler2.com/Fiddler/help/quickexec.asp
  • 53. Fiddler QuickExec - bold xuite.net xuite.net session select image Session http://www.fiddler2.com/Fiddler/help/quickexec.asp
  • 54. Fiddler QuickExec - bold xuite.net xuite.net session select image Session http://www.fiddler2.com/Fiddler/help/quickexec.asp
  • 55. Fiddler Plugins
  • 56. Fiddler Plugins • JavaScript Formatter
  • 57. Fiddler Plugins • JavaScript Formatter • JSON Viewer
  • 58. Fiddler Plugins • JavaScript Formatter • JSON Viewer • Gallery
  • 59. Fiddler Plugins • JavaScript Formatter • JSON Viewer • Gallery http://www.fiddler2.com/fiddler2/extensions.asp
  • 60. Fiddler Plugins JavaScript Formatter -
  • 61. Fiddler Plugins JavaScript Formatter - xuite JavaScript
  • 62. Fiddler Plugins JavaScript Formatter - xuite JavaScript
  • 63. Fiddler Plugins JavaScript Formatter - xuite JavaScript JavaScript
  • 64. Fiddler Plugins JSON Viewer - Response
  • 65. Fiddler Plugins JSON Viewer - Response
  • 66. Fiddler Plugins Gallery - Session
  • 67. Fiddler Plugins Gallery - Session
  • 68. Fiddler miiiCasa
  • 69. Fiddler miiiCasa 1. miiiCasa Bar
  • 70. Fiddler miiiCasa 1. miiiCasa Bar 2.
  • 71. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console
  • 72. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console 4.
  • 73. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console 4. 5.
  • 74. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console 4. 5. 6. JavaScript/CSS
  • 75. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console 4. 5. 6. JavaScript/CSS http://gist.github.com/93512
  • 76. Fiddler miiiCasa 1. miiiCasa Bar - UI
  • 77. Fiddler miiiCasa 1. miiiCasa Bar - UI 1. a.mimgs.com Bar 2. a.staging.mimgs.com Bar 3. img1.corp.miiicasa.com Bar 4. Bar
  • 78. Fiddler miiiCasa 1. miiiCasa Bar - FiddlerScript
  • 79. Fiddler miiiCasa 1. miiiCasa Bar - FiddlerScript INJECTION_HOST
  • 80. Fiddler miiiCasa 1. miiiCasa Bar - FiddlerScript INJECTION_HOST INJECTION_HOST miiiCasa Bar
  • 81. Fiddler miiiCasa 1. miiiCasa Bar -
  • 82. Fiddler miiiCasa 1. miiiCasa Bar - 1. miiiCasa Bar
  • 83. Fiddler miiiCasa 1. miiiCasa Bar - 2. miiiCasa Bar 1. miiiCasa Bar
  • 84. Fiddler miiiCasa 1. miiiCasa Bar - 2. miiiCasa Bar 1. miiiCasa Bar 3.
  • 85. Fiddler miiiCasa 2.
  • 86. Fiddler miiiCasa 2. Port 5002*
  • 87. Fiddler miiiCasa 2. Port 5002*
  • 90.
  • 91. Fiddler devm1.corp.miiicasa.com:50020
  • 92. Fiddler miiiCasa 3. Firebug Lite YUI Console
  • 93. Fiddler miiiCasa 3. Firebug Lite YUI Console
  • 94. Fiddler miiiCasa 3. Firebug Lite YUI Console Firebug Lite IE6
  • 95. Fiddler miiiCasa 4.
  • 96. Fiddler miiiCasa 4. CSS Class Name
  • 97. Fiddler miiiCasa 4. CSS Class Name
  • 98. Fiddler miiiCasa 4. CSS Class Name
  • 99. Fiddler miiiCasa 4.
  • 100. Fiddler miiiCasa 4. 2 1
  • 101. Fiddler miiiCasa 5.
  • 102. Fiddler miiiCasa 5. id <div/> alert
  • 103. Fiddler miiiCasa 5. id <div/> alert
  • 104. Fiddler miiiCasa 5. JavaScript/CSS
  • 105. Fiddler miiiCasa 5. JavaScript/CSS miiiCasa JS/CSS
  • 106. Fiddler miiiCasa 5. JavaScript/CSS miiiCasa JS/CSS http://a.mimgs.com/mini?module=space&type=js
  • 107. Fiddler miiiCasa 5. JavaScript/CSS miiiCasa JS/CSS http://a.mimgs.com/mini?module=space&type=js Debugging
  • 108. Fiddler miiiCasa 5. JavaScript/CSS &nominify http://a.mimgs.com/fuse?module=space&type=js&nominify
  • 109. Fiddler miiiCasa 5. JavaScript/CSS
  • 110. Fiddler miiiCasa 5. JavaScript/CSS Fiddler Code
  • 111. Fiddler miiiCasa 5. JavaScript/CSS Fiddler Code http://a.mimgs.com/fuse?module=space&type=js
  • 112. Fiddler miiiCasa 5. JavaScript/CSS Fiddler Code http://a.mimgs.com/fuse?module=space&type=js FiddlerScript
  • 113.
  • 116. Your Fiddler Hacking Time! Thank You so muchiii Any Questions? josephj6802@gmail.com http://www.flickr.com/photos/phploveme/2847931240/