Browser Specific Handling
Learn the details specific to browsers
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 |
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
Thank you for your valuable feedback!