There can be many reasons as to why this happens. You will probably need to examine what the actual differences are and based on that, see if it's a general issue or it's just a CSS issue (e.g. different browser/window size etc.)
As an example: If the frontend code for your site uses JavaScript to detect specific browsers (e.g. mobile browsers) and serves different CSS to those, you will see a different result in Browserstack because it uses the actual devices to render the page, whereas the "mobile" view in the Umbraco Previewer just uses a narrow viewport (<iframe> I think).
Do you have screenshots that shows the differences?
Hi, Christian, thanks for your reply last time. The previous difference was
gone without my notice.
Recently I encountered a new difference between the preview mode and non-preview mode.
The preview mode gives me this intermediate state for one or two seconds before showing the correct zoom level. However, in the non-preview mode, it does not have this issue.
Umbraco preview looks different than Browserstack
Hi team, I am using Browserstack to test cross devices issues.
While some pages look well in Browserstack but they do not look well in "Preview" in Umbraco.
Anyone knows how to address this discrepancy.
Thanks,
A
Hi Adrian,
There can be many reasons as to why this happens. You will probably need to examine what the actual differences are and based on that, see if it's a general issue or it's just a CSS issue (e.g. different browser/window size etc.)
As an example: If the frontend code for your site uses JavaScript to detect specific browsers (e.g. mobile browsers) and serves different CSS to those, you will see a different result in Browserstack because it uses the actual devices to render the page, whereas the "mobile" view in the Umbraco Previewer just uses a narrow viewport (
<iframe>
I think).Do you have screenshots that shows the differences?
/Chriztian
Hi, Christian, thanks for your reply last time. The previous difference was gone without my notice.
Recently I encountered a new difference between the preview mode and non-preview mode.
The preview mode gives me this intermediate state for one or two seconds before showing the correct zoom level. However, in the non-preview mode, it does not have this issue.
Thanks,
A
is working on a reply...