(Putting the full solution here so people who haven’t got as far as enabling the web inspector will see it.) First ensure that the Develop menu is enabled: in the Advanced pane in Safari Preferences (Cmd + ,) select “Show Develop menu in menu bar”. Then, from the Develop menu select Show Page Resources (Cmd … Read more
Stock browsers like Google Chrome, Apple Safari embed rendering engines (Chromium, WebKit) and add stuff on top of them. In particular, they add proprietary media codecs, inject browser extensions, etc. They also add surrounding interfaces such as bookmarks sync. But they reuse the underlying web platform implementation. Chromium Chromium is the open source web platform … Read more
It seems that this option is not available in the simulated devices. Tip: If you want to connect the console from your desktop Safari, you will need the Technology Preview. the normal one does not discover the simulator (though it finds the real device normally)
According to the Apple support forums Safari does not allow you to disable the block on mixed content. Though this is frustrating for usability in legitimate cases like yours, it seems to be part of their effort to force secure content serving / content serving best practices. As a solution for you you can either … Read more
Firebug is great, but Safari provides its own built-in development tools. If you haven’t already tried Safari’s development kit, go to Safari–>Preferences–>Advanced, and check the box next to “Show Develop menu in menu bar”. Once you have the Develop menu enabled, you can use the Web Inspector to get a lot of the same functionality … Read more
This has to be a bug in iOS 4 Safari. Here’s what my behavior was with the following meta tags (the second tag is to make it full screen): <meta name=”viewport” content=”user-scalable=no, width=device-width”/> <meta name=”apple-mobile-web-app-capable” content=”yes”/> Page would scale correctly when going from portrait to landscape until I used the pop up keyboard to enter … Read more
CORS OPTIONS preflight requests not showing in dev tools
As Adam has answered there was information about disable caches added to the release notes, and I’ve updated my answer accordingly: For a one-off, you can use ⌥⌘R on the page to reload from origin or ⇧⌘R from Web Inspector. For a more permanent solution, you can tell Safari to ignore cache when loading resources … Read more
Actually, there is a way to do that, just like Chrome: On the Inspector window, at the Resource sidebar (at right), there’s a small arrow at the “Request Data” subsection. That’s where we need to click! (Sorry for the browser language in Portuguese, btw). Once the data screen is loaded, you can even switch between … Read more
I really like this solution (http://dansajin.com/2012/12/07/fix-position-fixed/). I packaged it up into a little jQuery plugin so I could: Set which parent gets the class Set which elements this applies to (don’t forget “textarea” and “select”). Set what the parent class name is Allow it to be chained Allow it to be used multiple times Code … Read more