Vite: How to change style in chrome dev tools

Created on 20 Jul 2020  路  6Comments  路  Source: vitejs/vite

image

It seems css file converted to js file?

Most helpful comment

This has been fixed in Chrome 85 (currently requires Canary).

All 6 comments

How to change style in chrome dev tools

You can do this by choose elements and update their style in elements styles tab.

It seems css file converted to js file?

Yeah.The current implement is this behavior.

How to change style in chrome dev tools

You can do this by choose elements and update their style in elements styles tab.

It seems css file converted to js file?

Yeah.The current implement is this behavior.

just as the screenshot, i can't update their style, it seems disabled modify

Caused by use CSSStyleSheet insert styles.

Well I guess we have to drop CSSStyleSheet usage then. I was using it to improve insertion speed for large stylesheets.

This has been fixed in Chrome 85 (currently requires Canary).

This cause another problem, some rules does not appear in the "Styles" tab but are visible in the "Computed" tab. It may be linked with the sourcemap but it's difficult to find where the rule comes from :(

Was this page helpful?
0 / 5 - 0 ratings

Related issues

wobsoriano picture wobsoriano  路  4Comments

Hoverhuang-er picture Hoverhuang-er  路  3Comments

ciaoben picture ciaoben  路  4Comments

TrungRueta picture TrungRueta  路  4Comments

cmwhited picture cmwhited  路  3Comments