Browsers specific handling
Covered in this doc
- How to handle URL proxy in safari
- Browsers & web page height in pixels
Localhost proxy support on Safari
Percy currently does not support localhost proxying on Safari browser. If you have any resource link in your DOM snapshot
that looks like localhost:<port>/resource
, even though it is captured via SDK, it does not load on Safari browser. Safari browser does not forward localhost domain to proxy and tries to resolve it directly.
The workaround for this would be to use anything other than localhost
as domain name.
Some of the suggestions are listed below:
- Use relative path for resources in html
- Use a public DNS entry that resolves to
127.0.0.1
(Example: localtest.me or domaincontrol.com or you can create one on your own) - Use a hosts file entry for a custom domain that resolves to
127.0.0.1
(Example: add127.0.0.1 mylocalsite.dev
etc )
Browsers & max web page height
Percy provides visual testing across major browser categories. While it captures stable screens across browsers large enough to handle most of the cases, you may find certain edge cases where either the Browsers or Percy have certain limitations to be aware of.
Browser Name | Max web page height (Pixels) |
---|---|
Safari | 50,000 |
Chrome | 50,000 |
Edge | 50,000 |
Firefox | 32,000 |
Safari on iPhone | 50,000 |
Chrome on Android | 50,000 |
Updated 5 months ago