Websites such as this one use the HTML canvas element to display images. https://digital.gonzaga.edu/digital/collection/p16011coll4/id/93/rec/5 The Safari Web Inspector's Graphics tab shows cut-up tiles of the image that can be saved independently. But doesn't give the full-res combined image. I want to save the image from the canvas, not via an alternative method. [Sometimes](https://oregondigital.org/concern/images/df70cx57n) websites like this have a "download" link, but in this case it does not. Inspecting the source [shows a low-res image used in the preview thumbnail](https://digital.gonzaga.edu/digital/api/singleitem/image/p16011coll4/93/default.jpg) but the canvas appears to load a different, higher-resolution version of the image. Ideally could be done from the macOS Safari Web Inspector. I would also be interested in any Safari Extensions that enable this functionality. How can I get/export/download the full-resolution combined image being displayed by this canvas element?

In the Safari Web Inspector, the console does not show the precise timestamp for each entry. Is there any way to show this timestamp per log item?

I was looking into making my banks website more ergonomic for myself and wanted to use developer tools - inspector to test some CSS modifications. But the inspector won't let me modify anything in CSS panel, there are no checkmarks, the values are not editable. Other websites work, just not the banks. (Read somewhere that it might be content blockers that are the culprit, but other websites work ok with the same blockers active). What gives? Can still modify the html. You don't actually have to log in to see it: Credit Agricole Thanks!

The web inspector somehow got detached from the main window. Apparently this is a significant problem because I see lots of articles about how to get it docked. Usually they refer to going out of full screen mode, and clicking on the controls. However, no matter what I do, there are no such controls. Here is a screen shot: Where in this screen shot are the controls for docking the window? Or how do you get them to display?

Pretty-print is always on by default. How do I make it be off by default?

I'm using the Inspect Element feature in Safari. Long ago, I used Firefox because it was the first that I knew off to come out with Firebug. One of the features it had is when it displayed the style of an element, it had the sequence of styles and the place that each stanza had came from as Safari does now but it also had a toggle that would collapse the list of styles into the resulting set of parameters. Is there a way to do that in Safari?

Safari 15.5 has an option in Preferences/Privacy to "Hide IP address". When turned on, this has led to some web-sites not loading at all or only loading partially. independent.co.uk is an example of a site that does not load. Turning this option off makes the page load. Opening the Network tab in the Web Inspector (alt+cmd+i) panel reveals that moatads.com and doubleclick.net does not respond and hangs the loading of the page when this option is on. Testing the same thing on a different network does not give the same result. This makes me think that this issue is caused by the network configuration of my first network. How would I go forward to investigate what is the cause of this issue? Are there specific requirements for the network configuration to enable this option?

I can inspect an ePub book in Books on Mac using Safari’s web inspector. I can also inspect a web page in iOS Safari when the phone is plugged in to my mac using desktop Safari’s web inspector. What I don’t seem to be able to do though is debug iOS Books remotely using desktop Safari’s web inspector. Given that I’ve got an issue that’s only occurring in iOS Books and not in Mac Books, this is rather annoying. Does anyone know if this is possible?

To be abundantly clear, I'm looking for a web inspector (like [Chrome's](https://developer.chrome.com/devtools)) that I can use ***on an iOS device like an iPad*** to debug web pages ***without a computer***. [I'm aware that you can connect your phone to your laptop and do remote debugging](http://developer.telerik.com/featured/a-concise-guide-to-remote-debugging-on-ios-android-and-windows-phone/) , but that's not what I'm asking about. Background: I'm a web programmer thinking of ditching my MacBook Pro for the new [iPad Pro](http://www.apple.com/ipad-pro/) . I have my full dev environment setup on [Nitrous](http://nitrous.io) , and I have a multitude of possible replacements for [Sketch](http://bohemiancoding.com/sketch/) (like [iDraw](http://www.indeeo.com/idraw/) , though I've been bugging the Sketch team non-stop to announce an iOS version, as I would love to stay with Sketch if at all possible). The only thing I'm missing is a web inspector to use on the iPad itself to debug CSS & JS. So, are there any such solutions out there for debugging web pages on iOS ***without a computer***?

I am struggling to use the Web Inspector on my Mac to inspect the webpage on my iPad. This is how I am trying to connect my Mac to my iPad: - I have turned on web inspector on my iPad. - I have checked that cookies are enabled on both the Mac and the iPad. - I have connected my iPad up to my Mac with a cable. - On the Mac, under the develop menu I can see my iPad - when I hover the mouse over the visible tab, the webpage on my iPad highlights with blue. Clicking that brings up the Web Inspector on my Mac. - When I hit refresh in the Web Inspector on my Mac, the page on my iPad refreshes. There is obviously a connection between my iPad and my Mac. However, the rest of the Web Inspector on my Mac seems empty. The Elements tab is empty. The Network tab shows an empty list (headers only), even after a refresh. The Resources tab is empty. The Timelines tab is empty. The Debugger tab is empty and shows no sources. The Storage tab is empty. And the Console tab shows nothing, despite numerous calls to console.log from my webpage on the iPad. I have also tried opening a private browsing window on my Mac and tried connecting to my iPad via the Web Inspector from there. Still no joy. I am using Safari version 11.1.1 on my Mac. I am unsure how to check the version number of Safari on my iPad. Please let me know if there is any further information that I could provide. Can anyone help me in getting the Web Inspector to work properly between my Mac and my iPad? Many thanks.

Using Safari Version 11.1, whenever I open the web inspector on a web page, all media queries in the CSS stop working. If I close the inspector, the problem goes away. This happens on any site. Are other people experiencing this? Is there a setting that I've toggled? Any help would be much appreciated! Thanks.

Is there a Developer and Inspect feature in Mail.app? Within Safari.app, I have a developer menu which includes an Inspect item which allows me to investigate issues with HTML in the browser. Does such a feature exist in the Mail.app?

We're trying to test and debug Safari 7. I've used the Safari dev tools to connect to a physical device and use the inspector to view the page. That works fine, but I don't have access to a physical device with Safari 7. Tools like Browser stack or saucelabs I can see the issues, but I can't debug in an emulator. Does anyone have a solution to this?

I'm debugging JavaScript on my iPhone and I can't get Safari to stop caching the JavaScript files. I have "Disable Caches" enabled under the develop menu, and have cleared the cache numerous times but as you can see in this screenshot some script files are still cached: The only way I've found to fully clear the cache is to wipe all content from Safari though my phones settings. As well, all requests returned by the server prohibit caching through response headers: Cache-Control: no-cache, no-store, must-revalidate Pragma: no-cache Expires: 0

In Safari's web inspector tools, when modifying a CSS property of an element, is there a way to increment with the keyboard's up and down arrows like in Chrome?

I've tried Firebug Lite for Safari, but content wasn't editable. Is there an alternative to edit HTML, CSS, etc?

I'm using Safari 10.0.1 on Sierra 10.12.1. At some point, usually after ~5 minutes or about 100 requests, the web inspector stops logging network requests under the Network tab. Same thing happens with the Timelines tab. I've had this problem since Safari 9 on El Cap. Any pointers on how to solve this?

I'm running a Silverlight application in my browser. The app communicates to a web server over HTTPS. I want to see the communication between the app and the webserver. Now when I open Web Developer I can see the requests being made. However, when I try to inspect the response from the webserver, a spinner is shown and it stays like that. How can I view the response in Safari 7?

I am currently running OS X El Capitan, Public Beta 3 and trying to download images within the Safari Web Inspector. What I did: 1. Opened a website in Safari. 2. Opened the Web Inspector. 3. Selected one of images from the Images folder. 4. Right-clicked and selected "Download Image". Unfortunately, nothing happened. Should the images be downloaded to the Download folder? Am I missing something, or is it a bug in the latest Safari Beta?

[OS X 10.11, Safari 9.1] When I enable the developer tools and select **Show Web Inspector** from the **Develop** menu I don't see anything at all like the Web Inspectors shown in Apple documentation and various web pages I found by search. Can someone explain my problem and how to solve it? Here's what I get by opening the Web Inspector on the page I am at when writing this request. Apple's documentation shows the following: (My guess is that the dramatic coloring is just for the documentation and doesn't appear in the actual tool.