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 screenshot
Thanks in advance for any help.
The steps to do so are as follows: Open Safari browser. Click on Safari > Preferences > Advanced. Tick the checkbox Show Develop menu in the menu bar.
Use Safari to find your type To begin, open a web page, highlight a short sample of page text, then Ctrl-click and select Inspect Element from the context menu. Safari will then open its Web Inspector tool -- docked at the bottom of the window. Click Styles, Computed, and the Show All checkbox.
If that type of problem ever happens to you in 2021, download and use Safari Preview instead of the regular Safari 👍
I got the problem with the following config:
Cheers!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With