Safari Web Inspector not Showing elements and Style Panel when debugging iPhone

Mohamed Hussain

I connected iPhone to mac and I enabled Web Inspector in iPhone advanced settings, able to see the page in mac safari but not able to inspect any element and its style in safari. I am not seeing the elements panel or style panel.

Could anyone help me to find those panels to debug the styles, which i applied to page elements which I am testing in iPhone. I am able to see those panels in debugging the desktop safari pages. see the screenshotenter image description here

Thanks in advance for any help.

Mohamed Hussain

The Answer is , need to select the DOM Tree from the dropdown as in the screenshot.enter image description here

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Debugging iOS7 Safari CSS issues with web inspector

From Dev

Safari - iPhone simulator debugging (via "develop") not showing anymore

From Dev

Where is WebSQL database folder in Web Inspector when debugging iOS app

From Dev

Safari Web Inspector network throttling

From Dev

Deeplink showing error in safari when the app is not installed in the iphone

From Dev

NSColorWell is not showing colour panel when unchecked Bordered option inside attribute inspector?

From Dev

Firebug style code inspector for iPhone / iPad?

From Dev

Style For Span Class Not Showing Up In Inspector Styles

From Dev

difference between Safari web inspector strike throughs

From Dev

Use Safari Web Inspector with apps compiled for production

From Dev

Safari web inspector: view css grid

From Dev

Use Safari Web Inspector with apps compiled for production

From Dev

Safari web inspector "No Inspectable Applications" when ipad connected to mac book pro

From Dev

Why is Web Inspector showing me "no inspectable applications"?

From Dev

How to add rule to selector in Safari 7's Web Inspector?

From Dev

Flexbox does not work in Safari, striked out in Web inspector

From Dev

Flexbox does not work in Safari, striked out in Web inspector

From Dev

Safari cut web page in iphone 6 plus

From Dev

Xcode WebApp - Not Centered when launched on iPhone/Safari

From Dev

What does it mean when a class style is greyed out in Chrome's style inspector?

From Dev

How can I see the size (in bytes) of a resource in a UIWebView using Safari 7 Web Inspector?

From Dev

HTML5 Progress Element on Safari won't change value unless the Web Inspector is open

From Dev

Firebug style inspector using Chrome Inspector

From Dev

Javascript debugging in Chrome Inspector: variables are shown undefined in watches and console but can be inspected when hovered

From Dev

Install this web app bubble for safari mobile browser (iPhone)

From Dev

Safari display flex not working when elements are 25%

From Dev

How to style elements for responsive web design?

From Dev

Web.config is not transformed when debugging code

From Dev

Visual Studio extension window not showing up when debugging

Related Related

  1. 1

    Debugging iOS7 Safari CSS issues with web inspector

  2. 2

    Safari - iPhone simulator debugging (via "develop") not showing anymore

  3. 3

    Where is WebSQL database folder in Web Inspector when debugging iOS app

  4. 4

    Safari Web Inspector network throttling

  5. 5

    Deeplink showing error in safari when the app is not installed in the iphone

  6. 6

    NSColorWell is not showing colour panel when unchecked Bordered option inside attribute inspector?

  7. 7

    Firebug style code inspector for iPhone / iPad?

  8. 8

    Style For Span Class Not Showing Up In Inspector Styles

  9. 9

    difference between Safari web inspector strike throughs

  10. 10

    Use Safari Web Inspector with apps compiled for production

  11. 11

    Safari web inspector: view css grid

  12. 12

    Use Safari Web Inspector with apps compiled for production

  13. 13

    Safari web inspector "No Inspectable Applications" when ipad connected to mac book pro

  14. 14

    Why is Web Inspector showing me "no inspectable applications"?

  15. 15

    How to add rule to selector in Safari 7's Web Inspector?

  16. 16

    Flexbox does not work in Safari, striked out in Web inspector

  17. 17

    Flexbox does not work in Safari, striked out in Web inspector

  18. 18

    Safari cut web page in iphone 6 plus

  19. 19

    Xcode WebApp - Not Centered when launched on iPhone/Safari

  20. 20

    What does it mean when a class style is greyed out in Chrome's style inspector?

  21. 21

    How can I see the size (in bytes) of a resource in a UIWebView using Safari 7 Web Inspector?

  22. 22

    HTML5 Progress Element on Safari won't change value unless the Web Inspector is open

  23. 23

    Firebug style inspector using Chrome Inspector

  24. 24

    Javascript debugging in Chrome Inspector: variables are shown undefined in watches and console but can be inspected when hovered

  25. 25

    Install this web app bubble for safari mobile browser (iPhone)

  26. 26

    Safari display flex not working when elements are 25%

  27. 27

    How to style elements for responsive web design?

  28. 28

    Web.config is not transformed when debugging code

  29. 29

    Visual Studio extension window not showing up when debugging

HotTag

Archive