Monolith

Get a monolith (single static HTML file) of the web page

Monolith란 무엇입니까?

Monolith은(는) rhysd에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Get a monolith (single static HTML file) of the web page"입니다.

확장 프로그램 스크린샷

Monolith 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

'Monolith of Web' is a Chrome extension ported from CLI tool [Monolith][1]. Monolith is a CLI tool to
download a web page as static single HTML file. 'Monolith of Web' provides the same functionality as
a browser extension by compiling Monolith (written in Rust) into WebAssembly.

## Usage

1. Go to a web page you want to store
2. Click 'Monolith of Web' icon in a browser bar (above popup window will open)
3. Click 'Get Monolith' button
4. Wait for the process completing
5. The generated single static HTML file is stored in your downloads folder

By toggling icons at bottom of the popup window, you can determine to or not to include followings
in the generated HTML file.

- JavaScript
- CSS
- ``
- Images

The button at right-bottom toggles if allow CORS request or not. Please read following 'Permissions'
section and 'CORS Requests in Background Page' section for more details.

## Permissions

- **Required permissions**
- `activeTab`: This extension gets an HTML text and a page title from the active tab to generate a monolith
- `storage`: This extension remembers the last state of toggle buttons at bottom in the popup window.
- **Optional permissions**
- `http://*/*` and `https://*/*`: Allow any cross-origin requests in background page. This is runtime
permission so this extension does not require by default. **Only when you see a broken HTML file is
generated due to CORS error in background page, please enable this option.** The reason of these
permissions are explained in next 'CORS Requests in Background Page' section.

## CORS Requests in Background Page

This extension generates a single HTML file in background page of Chrome extension. Since CSP in a
content script is not applied in a background page, some resources in content's HTML cannot be fetched
in background page.

By default, this extension ignores CORS errors in background page. It is usually not a problem since
resources protected by CSP are usually scripts which don't affect main content. But a broken single HTML
page may be generated due to CORS errors.

When you see a broken page due to the CORS error in background page, please enable 'allow CORS requests'
button at right-bottom in the popup window. Permission dialog will appear to require permissions for
sending CORS requests in background page. After accepting it, CORS request error is disabled and all
resources should be fetched with no error.

After generating a single HTML file with the runtime permissions, this extension will remove the permissions
as soon as possible for security.

[0]: https://github.com/rhysd/monolith-of-web
[1]: https://github.com/Y2Z/monolith
[2]: https://www.youtube.com/watch?v=xBIrFlYE1W0 </pre> </div> <div class="section-box"> <h2>확장 프로그램 기본 정보</h2> <div class="table-scroll"> <table> <tbody> <tr> <td style="width:20%;">이름</td> <td> <img style="width:40px;" src="https://lh3.googleusercontent.com/ORxoOAASezP58of479fMEkdHkdr5yYNuaSp7IYVVdlbiZ_YfmxUBA68lcpb2-gk2g5yMRaHR-jc4BRA-cuvNztQceg" alt="Monolith"> Monolith </td> </tr> <tr> <td>ID</td> <td> koalogomkahjlabefiglodpnhhkokekg </td> </tr> <tr> <td>공식 URL</td> <td> <a href="https://chromewebstore.google.com/detail/monolith/koalogomkahjlabefiglodpnhhkokekg" target="_blank">https://chromewebstore.google.com/detail/monolith/koalogomkahjlabefiglodpnhhkokekg</a> </td> </tr> <tr> <td>설명</td> <td>Get a monolith (single static HTML file) of the web page</td> </tr> <tr> <td>파일 크기</td> <td>998 KB</td> </tr> <tr> <td>설치 횟수</td> <td>905</td> </tr> <tr> <td>현재 버전</td> <td>0.1.3</td> </tr> <tr> <td>최근 업데이트</td> <td>2020-01-27</td> </tr> <tr> <td>출시 날짜</td> <td>2020-01-26</td> </tr> <tr> <td>평점</td> <td> <span>4.75/5</span> <small style="margin-left:20px;">총 8 개의 평점</small> </td> </tr> <tr> <td>개발자</td> <td>rhysd</td> </tr> <tr> <td>결제 유형</td> <td>free</td> </tr> <tr> <td>확장 프로그램 웹 사이트</td> <td><a href="https://github.com/rhysd/monolith-of-web" target="_blank">https://github.com/rhysd/monolith-of-web</a></td> </tr> <tr> <td>지원되는 언어</td> <td>en</td> </tr> <tr style="border-bottom:1px solid #ddd;"> <td colspan="2">manifest.json</td> </tr> <tr> <td colspan="2" style="max-width: 100%;overflow: auto;padding:0;"> <div style="max-width: 100%;overflow: auto;"> <pre style="background: #f1f1f1;padding:15px;word-break: break-all;white-space:break-spaces;">{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Monolith",
"version": "0.1.3",
"description": "Get a monolith (single static HTML file) of the web page",
"manifest_version": 2,
"permissions": [
"activeTab",
"storage"
],
"optional_permissions": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"icons": {
"16": "icon\/icon-16.png",
"32": "icon\/icon-32.png",
"48": "icon\/icon-48.png",
"96": "icon\/icon-96.png",
"128": "icon\/icon-128.png",
"256": "icon\/icon-256.png"
},
"browser_action": {
"default_icon": {
"16": "icon\/icon-16.png",
"32": "icon\/icon-32.png"
},
"default_title": "Monolith",
"default_popup": "popup.html"
},
"background": {
"page": "background.html",
"persistent": false
},
"content_security_policy": "script-src 'self' 'wasm-eval'; object-src 'self'"
}</pre> </div> </td> </tr> </tbody> </table> </div> </div> <div class="section-box"> <h2>관련 확장 프로그램</h2> <div class="ext-wrapper"> <div class="grid-x large-up-6"> <div class="cell "> <a class="ext-item" href="/ko/extension/dhhpefjklgkmgeafimnjhojgjamoafof/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/HgKqDMq4BrW09zEYX5nEnh9opQCW0_q_zrD4zm3F1OkququGAYs8cQUoVCg4PKG-5Ac7vwbdJZ2Mifx_5VGj_Uqw0yM" alt="Save Page WE"> </div> <div class="ext-item__name">Save Page WE</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/nfbcfginnecenjncdjhaminfcienmehn/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/6DqoSm_h-m8lxlW40S_kFTvPtyYcSfWY0BWjw4Zr8pbd65JkWF-JK5RqTpMxMrkSDJRrRCH_Nrfq2JYpcrL1bfF_lSA" alt="Save Webpages Offline As MHTML"> </div> <div class="ext-item__name">Save Webpages Offline As MHTML</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/kdmegllpofldcpaclldkopnnjjljoiio/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/PR9r2-1Q7Lbks6SqUDL8f6Zs3-TLIpDGfTkC5aXjc6LNBahJy681T8murFaE2vNuQvWz9Zt9mAhGM0hln6TdmpIBK7g" alt="Promnesia"> </div> <div class="ext-item__name">Promnesia</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/habonpimjphpdnmcfkaockjnffodikoj/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/rqtAcLva4P9qbLC9USjqWxutz_qA9rWLviCPz6D3mZq54lbaHFpnmHp88NdSWPv40kMCe3apHTcNlbA8IZ_QQc9s4NM" alt="ArchiveBox Exporter"> </div> <div class="ext-item__name">ArchiveBox Exporter</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/kbchedinmkicifjhlmlcnklhephjpngp/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/IU8ycxpg7Se1UR2aErNERo9MzeZFJczjDndixaW9ZjUI1GQ7TaDeepB-uXKPaAERL4BPuWUdVSx9fWTKagg6AQBjdQ" alt="Page saver"> </div> <div class="ext-item__name">Page saver</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/offkdfbbigofcgdokjemgjpdockaafjg/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/KJJxFY6t9FyMM7IBT6AHOxJplMsmiFujAKtSzPV4EXu1CD27YAfsuBLivOylRwDqyvpa-747ak6dx2LPyhOnY3DHwg" alt="SingleFileZ"> </div> <div class="ext-item__name">SingleFileZ</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/opofajlgipfljhhlfhcpmhhjckjaacia/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/Fuq6j9R0-FD8SvnYb-jhu7_VvYoEtLzqU13pIVqjuh6NZ5ogUUsiCL2tZG4HY3h5Jj-_d3mbVX_UV74zfzXav5t4" alt="Just One File"> </div> <div class="ext-item__name">Just One File</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/djbjejcpegcimjdappppobfhaafbmjpf/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/XGmmnZmtg5wWlmmfIcj6bzBBFo9b_I-DmbAy7nyXJUolCwKPXY46nI7nNkiGjssgCAs85ur85sMKn3RXhlPB52OW" alt="Save as MHTML (MIME HTML)"> </div> <div class="ext-item__name">Save as MHTML (MIME HTML)</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/mpiodijhokgodhhofbcjdecpffjipkle/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/o0y9hJ4CbiG6LFlfHSRz70ErdrXrV19X6lLz42pTcKFKKq-VrEuXQRcvvtbt2BKgS-ehjJlZqZSc5tWtsyhGfBoxilE" alt="SingleFile"> </div> <div class="ext-item__name">SingleFile</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/kenncghfghgolcbmckhiljgaabnpcaaa/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/VwUwlSXX9fQf_whvqLhAcemMNGIBfysFQjZeBmGYQ-Ldy6Q1SaynSLj2wBVnGyc7Bj5nEE6xwsEstSGgw9JMqPH5pQ" alt="WARCreate"> </div> <div class="ext-item__name">WARCreate</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/oegnpmiddfljlloiklpkeelagaeejfai/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/Og7mObSAT8XL9VHDIrmFFfigpLw3aEpZ7nUIzj9QeXSwEc6NRlruUYG7XiuEUvHYkIWx3itwzXQ8G0Vew3D-XNXNWQ" alt="WebScrapBook"> </div> <div class="ext-item__name">WebScrapBook</div> </a> </div> <div class="cell "> <a class="ext-item" href="/ko/extension/jgelgbfglncabfobkgdpdimbmenbfgdj/"> <div class="ext-item__img"> <img src="" alt="web page preserver"> </div> <div class="ext-item__name">web page preserver</div> </a> </div> </div> </div> </div> </div> </div> </main> <footer id="footer" data-tool-alias=""> <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="cell large-12"> <div class="footer-nav text-center" style="margin-bottom:15px;"> <a href="/ko/install-crx/">crx 설치</a> <a href="/ko/terms-of-service.html">서비스 이용 약관</a> <a href="/ko/privacy-policy.html">개인정보 보호정책</a> <a href="/ko/cookie-policy.html">쿠키 정책</a> </div> <p class="copyright text-center" style="text-align:center;margin-top:15px;"> Copyright © 2025 iLovechrome.com All Rights Reserved </p> </div> </div> </div> </footer> <script src="/assets/js/bundle.min.js?v=1.100"></script> <script src="/assets/js/lang.min.js?v=1.66222"></script> <script src="/assets/js/common.min.js?v=1.262262"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script> <script>
var mySwiper = new Swiper('.swiper', {
direction: 'horizontal',
loop: true,
pagination: {
el: '.swiper-pagination',
},
});
$('.js-download').click(function () {
window.location.href = 'https://statics.ilovechrome.com/crx/download?id=' + $('body').data('id');
layer.msg(t('downloadStart'));
});
</script> </body> </html>