English
See more
Simulates safe areas for Capacitor apps on the web, works for Ionic, Konsta UI and Tailwind Capacitor
Latest Version
Version
1.0.4
Update
July 23, 2024
Size
27.78KiB
Developer
capgo.app
Category
Users
140 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
Scripting
Storage
See more
Scripting
Storage
Capacitor Safe Area Simulator Extension
This extension simplify your development process by simulating a real device in your browser. It is useful for testing your capacitor designs on different devices.
Bonus you now don't need to install the capacitor app on your device. And reproduce the same design of your app on your device.
This extension is capable to simulate the safe area of the following frameworks:
- Ionic
- Konsta UI
- Tailwind with plugin Tailwind Capacitor
Each framework need to be added manually as we cannot override the safe area var of the browser.
The extension is capable to simulate the safe area of the following devices:
- Iphone 14 Pro Max
- Iphone SE
- Iphone XR
- Iphone 12 Pro
- Pixel 7
- Samsung Galaxy S8+
- Samsung Galaxy S20 Ultra
- iPad Pro
- Galaxy Z Fold 5
- Samsung Galaxy A51/71
- Samsung Galaxy S21
- Xiaomi Mi 11
Please contact us if you want to add a device to the list.
Read more
Bonus you now don't need to install the capacitor app on your device. And reproduce the same design of your app on your device.
This extension is capable to simulate the safe area of the following frameworks:
- Ionic
- Konsta UI
- Tailwind with plugin Tailwind Capacitor
Each framework need to be added manually as we cannot override the safe area var of the browser.
The extension is capable to simulate the safe area of the following devices:
- Iphone 14 Pro Max
- Iphone SE
- Iphone XR
- Iphone 12 Pro
- Pixel 7
- Samsung Galaxy S8+
- Samsung Galaxy S20 Ultra
- iPad Pro
- Galaxy Z Fold 5
- Samsung Galaxy A51/71
- Samsung Galaxy S21
- Xiaomi Mi 11
Please contact us if you want to add a device to the list.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Capacitor Safe Area Simulator", "version": "1.0.4", "description": "Simulates safe areas for Capacitor apps on the web, works for Ionic, Konsta UI and Tailwind Capacitor", "permissions": [ "activeTab", "scripting", "storage" ], "host_permissions": [ "" ], "background": { "service_worker": "dist/background.js", "type": "module" }, "content_scripts": [ { "matches": [""], "js": ["dist/content.js"] } ], "devtools_page": "dist/devtools_page.html", "action": { "default_icon": { "16": "assets/icon16.png", "48": "assets/icon48.png", "128": "assets/icon128.png" } }, "icons": { "16": "assets/icon16.png", "48": "assets/icon48.png", "128": "assets/icon128.png" }, "web_accessible_resources": [ { "resources": ["dist/*", "assets/*"], "matches": [""] } ]}
Read more
