iOS Safari Web Extension restrictions

Question

Hey,

Is it allowed to inject an HTML item above a web page on iOS using Safari Web Extension?
If yes what amount of screen space can we allocate to the UI?

Example:

Simulator Screen Shot - iPhone 11 Pro - 2022-06-23 at 12.32.23.png

644

Posted by

banshchikov_msm

Reply

Answer 1

Yes - your extension's JavaScript can add content anywhere on the page. However, the best way to do that depends on which page is being loaded, and that can be tricky.
It depends on the device (different devices have different widths, the device could be rotated, if it was an iPad, it could be in multitasking mode). You should use responsive design to design different UIs based on the width of the current page.

Posted by

bweinstein

Answer 2

You can do so from javascript check this video

https://youtu.be/bspr-BS7_Rw?t=1162

Posted by

osos

Answer 3

Yes - your extension's JavaScript can add content anywhere on the page. However, the best way to do that depends on which page is being loaded, and that can be tricky.
It depends on the device (different devices have different widths, the device could be rotated, if it was an iPad, it could be in multitasking mode). You should use responsive design to design different UIs based on the width of the current page.

Posted by

bweinstein

Accepted Reply