Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Can't see any styles on debug mode (non headless and devtools)
See original GitHub issueSteps to reproduce
- Puppeteer version: 3.0
- Platform / OS version: Ubuntu 18.04 LTS
- URLs (if applicable):
- Node.js version: 10.14
- Launch puppeter with
headless: falseanddevtools: trueparameters. Sourcemaps are enabled on settings. - When the Chromium instance opens up, try to inspect any of the elements of your dom.
- As you can see on the image, styles tab is just blank. Empty.
What is the expected result?
I would expect to be able to inspect, add, toggle styles as usual.
What happens instead?
Styles tab remains blank.
Here, you can see all the JS and CSS resources loaded. They load, because everything looks in place just like expected, but styles tab remains blank.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:4
- Comments:5
Top Results From Across the Web
DevTools remote debugging at chrome not working normally ...
Open chrome://inspect in a new tab. 2.click on configure button in the Devices section (Refer below image). click to see image.
Read more >VS Code Has Dev Tools & Console!! No Need For Chrome ...
You can now solely use VS Code for tweaking CSS values, debugging JavaScript with break points, and viewing the browser CONSOLE!
Read more >Can't get anything in DevTools in headless - Google Groups
I suspect there's a shek between the Devtools protocol version in headless_shell and the browser you're using to debug it. E.g. if I...
Read more >Headless Chrome: an answer to server-side rendering JS sites
The techniques in this article show how to use the Puppeteer APIs to add server-side rendering (SSR) capabilities to an Express web server....
Read more >Debugging CSS - Learn web development | MDN
View Source, in comparison, is the HTML source code as stored on the server. The HTML tree in your DevTools shows exactly what...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Styles seems to appear after page reload, at least it is the case for me 🤞
We are closing this issue. If the issue still persists in the latest version of Puppeteer, please reopen the issue and update the description. We will try our best to accomodate it!