ReLaXed icon indicating copy to clipboard operation
ReLaXed copied to clipboard

Published 20 hours ago • verified publisher icon RelaxedJS

Any Ideas for better Debugging Support in the Browser?

Open sustainjane98 opened this issue 4 years ago • 4 comments

I like to debug my Pages in Chrome when anything is wrong. The Issue happens with the Viewport Size and multiple Pages? Is there any Solution to create a DIN A4 like Preview in the Browser? Anyone knows anything like that? Or a way to develop this as an Extension or something like it?

sustainjane98 avatar Sep 05 '20 12:09 sustainjane98

You can emulate the print media in the developer tools of Chrome.

As we use Puppeteer it is just a normal headless Chromium instance.

DanielRuf avatar Sep 05 '20 16:09 DanielRuf

Ok that's great news. Do you have a tutorial or link how I could emulate that? Thought about changing the viewport of HTML but I'm not sure if that is possible. Totally beginner here 😅

sustainjane98 avatar Sep 05 '20 16:09 sustainjane98

I think https://developers.google.com/web/tools/chrome-devtools/css/print-preview should be helpful.

DanielRuf avatar Sep 05 '20 17:09 DanielRuf

@DanielRuf Yeah but this doesn't prevent Pages from floating into each other which makes it harder to debug

sustainjane98 avatar Sep 05 '20 18:09 sustainjane98