Save computed style
Extension Actions
CRX ID
gahiiifaoailojpjeajepiogadojnial
Status
- No Privacy Policy
- Live on Store
Description from extension meta
Set style attribute to computed style, and save html file.
Image from store
Description from store
スタイルシートなどで指定されたスタイルを、各HTMLタグのstyle属性に反映させて、反映後のHTMLファイルをダウンロードします。
webページを、以下の条件を満たすサイトに移行するときなどに利用できます。
* HTMLタグが利用できる
* style要素やスタイルシートが利用できないが、style属性は利用できる。
style属性に反映させるCSSプロパティは、選択可能です。
### 実行例
Chromeで表示しているHTML
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1 {
color: red;
background-color: green;
}
</style>
</head>
<body>
<h1>test</h1>
</body>
</html>
```
Extensionでbackground, fontプロパティをstyle属性に反映させたHTML
```
<!DOCTYPE html><html><head>
<meta charset="utf-8">
<style>
h1 {
color: red;
background-color: green;
}
</style>
</head>
<body>
<h1 style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(0, 128, 0); font: 700 32px Meiryo;">test</h1>
</body></html>
```