How to inspect a <canvas> in Safari?
I have a need to inspect what is being drawn in a <canvas>, as in this question. And I know how to use the Chrome dev tools canvas inspector, and the Firefox Canvas Debugger.
Are there any similar tools for the Safari web browser?
For the sake of clarity, let's assume desktop Safari v9.1.1 running in OSX 10.10.
Solution
You can use this with WebKit's Canvas debugging tools:
Note that this tool is now available under the Graphics tab in newer versions of WebKit.
- Margin different in Windows (Chome, Edge, etc.) and Mac OS (Safari)
- Rails ( set_no_cache method) Cannot disable browser caching in Safari and Opera
- Safari LocalStorage not shared between IFrames hosted on same domain
- iPhone not appearing in Develop menu in Safari
- Flexbox gap workaround for Safari
- Video auto play is not working in Safari and Chrome desktop browser
- -webkit-backdrop-filter not working on Safari
- How to Inspect Element using Safari Browser
- Only in Safari: ReferenceError Can't find variable
- Safari's getBoundingClientRect() Implementation Returns Incorrect Top
- safe-area-inset-bottom not working on ios 15 safari
- App should open links with WebView not with Safari
- In Safari 13, the option to Export to HAR is disabled (greyed out). How can I enable this?
- The double-click listener for the HTML element does not work on iOS version 17.5.1 and above
- How can I debug a Flutter Web App on Safari using the inspector?
- lang="ur" changes how safari displays text
- How to get "Pointermove" delegation to work in Safari iOS on parent/child?
- Safari clipboard error "TypeError: undefined is not an object"
- Safari for Desktop ignores CSS
- IOS show keyboard on input focus
- SVG background-image not scaling properly in Safari
- how to make the background display full screen (Safari)
- How to open a local HTML file in Safari on an iPad
- Any way to prevent horizontal scrolling triggering swipe back gesture on OS X Lion Safari?
- Disable autocorrect in Safari text input
- Safari font-weight issue , text too bold
- CORS violation occuring in safari, but not chrome
- Camera not working if used in homescreen app IOS
- How to keep the safari toolbar and address bar display when user scrolled the page?
- Hiding textarea resize handle in Safari