Basic tool to visualise how your web page will look within an iOS safari frame. Note this does not actually emulate safari.
Safari iOS Visualiser Extension
A simple tool to preview how your web page will appear within an iOS Safari frame. Note: this does not emulate Safari functionality.
- Displays your content within a frame set to the device’s dimensions.
- Adds an overlay of the Safari browser frame around your content.
- Allows you to take screenshots of the device view.
Read more
- Displays your content within a frame set to the device’s dimensions.
- Adds an overlay of the Safari browser frame around your content.
- Allows you to take screenshots of the device view.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Safari iOS Visualiser", "version": "0.0.2", "description": "Basic tool to visualise how your web page will look within an iOS safari frame. Note this does not actually emulate safari.", "permissions": ["activeTab"], "host_permissions": [""], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ], "web_accessible_resources": [ { "resources": ["frames/*.png"], "matches": [""] } ], "action": { "default_popup": "popup.html" }, "icons": { "16": "icons/icon-16.png", "48": "icons/icon-48.png", "128": "icons/icon-128.png" }}
Read more