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 Java

debugging node.js with node-inspector

From Dev

getElementsByClassName to change the style of elements when event occurs

From Dev

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

From Dev

difference between Safari web inspector strike throughs

From Dev

TextView showing only one character when gravity style is applied

From Dev

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

From Dev

Debugging iOS7 Safari CSS issues with web inspector

From Dev

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

From Dev

Parts of page are invisible when scrolling on Safari 7 with position:fixed elements

From Dev

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

From Dev

Segue identifier not showing in attributes inspector

From Dev

Xcode Debugging not showing values

From Dev

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

From Dev

Firebug style inspector using Chrome Inspector

From Dev

Showing / hiding accessibility elements in an overflow menu when opening a custom UITableViewCell

From Dev

Chrome inspector not showing body outline correctly

From Dev

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

From Dev

Debugging on iOS safari

From Dev

Change items style when moving elements in jquery-ui sortable

From Dev

Safari Web Inspector network throttling

From Dev

Debugging with node-inspector: Cannot GET /

From Dev

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

From Dev

Safari displays overlapping elements when using media query

From Dev

CSS set as display inline, but inspector showing block

From Dev

Web.config is not transformed when debugging code

From Dev

Safari display flex not working when elements are 25%

From Dev

Use Safari Web Inspector with apps compiled for production

From Dev

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

From Dev

Safari web inspector: view css grid

Related Related

  1. 1

    debugging node.js with node-inspector

  2. 2

    getElementsByClassName to change the style of elements when event occurs

  3. 3

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

  4. 4

    difference between Safari web inspector strike throughs

  5. 5

    TextView showing only one character when gravity style is applied

  6. 6

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

  7. 7

    Debugging iOS7 Safari CSS issues with web inspector

  8. 8

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

  9. 9

    Parts of page are invisible when scrolling on Safari 7 with position:fixed elements

  10. 10

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

  11. 11

    Segue identifier not showing in attributes inspector

  12. 12

    Xcode Debugging not showing values

  13. 13

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

  14. 14

    Firebug style inspector using Chrome Inspector

  15. 15

    Showing / hiding accessibility elements in an overflow menu when opening a custom UITableViewCell

  16. 16

    Chrome inspector not showing body outline correctly

  17. 17

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

  18. 18

    Debugging on iOS safari

  19. 19

    Change items style when moving elements in jquery-ui sortable

  20. 20

    Safari Web Inspector network throttling

  21. 21

    Debugging with node-inspector: Cannot GET /

  22. 22

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

  23. 23

    Safari displays overlapping elements when using media query

  24. 24

    CSS set as display inline, but inspector showing block

  25. 25

    Web.config is not transformed when debugging code

  26. 26

    Safari display flex not working when elements are 25%

  27. 27

    Use Safari Web Inspector with apps compiled for production

  28. 28

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

  29. 29

    Safari web inspector: view css grid

HotTag

Archive