Uses Prettier to format js of focused /<CodeMirror></p> <div class="text-center"> <button class="button js-download" style="border-radius:6px;">下載crx檔案</button> </div> </div> <div class="section-box"> <h2>什麼是Prettier JS？</h2> <p>Prettier JS是由krawaller開發的Chrome擴展程式，該擴展的主要功能是“Uses Prettier to format js of focused <textarea>/<CodeMirror>”。</p> </div> <div class="section-box"> <h2>擴展截圖</h2> <div style="overflow: hidden;position: relative"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="https://lh3.googleusercontent.com/8vjC8dBlMm3hgksQrNZoAx4j26JPv1UJTJZl3qx_mbFznH6ascqwvt-wfgwYk3RJ8lJwVlmnZkZFVBQWChrTK7cFICI" alt="screenshot"> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> <div class="section-box"> <h2>下載Prettier JS擴展crx文件</h2> <p>下載Prettier JS擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。</p> <div class="text-center"> <button class="button js-download" style="border-radius:6px;">下載crx檔案</button> </div> </div> <div class="section-box"> <h2>擴展使用說明</h2> <pre style="white-space: pre-line"> Triggered either by pressing `Ctrl + Shift + F` or by pressing its Browser Action icon. Idea courtesy of @sebmarkbage (https://twitter.com/sebmarkbage/status/843866641515536384). </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/vqe2XCoOF1v4lxSTOtsTnsN2hHxzbxb5WhpNPmi2Gq7-M-o-9xtOV1oEgingbOKpYMgtBq4ZYWKRjM7cbp-gCmmhLg" alt="Prettier JS"> Prettier JS </td> </tr> <tr> <td>ID</td> <td> fcdlmdpongmamnibeohhniinfgmnhkob </td> </tr> <tr> <td>官方網址</td> <td> <a href="https://chromewebstore.google.com/detail/prettier-js/fcdlmdpongmamnibeohhniinfgmnhkob" target="_blank">https://chromewebstore.google.com/detail/prettier-js/fcdlmdpongmamnibeohhniinfgmnhkob</a> </td> </tr> <tr> <td>簡介</td> <td>Uses Prettier to format js of focused <textarea>/<CodeMirror></td> </tr> <tr> <td>檔案大小</td> <td>239 KB</td> </tr> <tr> <td>安裝次數</td> <td>69</td> </tr> <tr> <td>目前版本</td> <td>0.0.3</td> </tr> <tr> <td>更新時間</td> <td>2017-03-22</td> </tr> <tr> <td>上架時間</td> <td>2017-03-22</td> </tr> <tr> <td>評分</td> <td> <span>4.00/5</span> <small style="margin-left:20px;">共 1 次評分</small> </td> </tr> <tr> <td>開發者</td> <td>krawaller</td> </tr> <tr> <td>電子郵箱</td> <td>info@krawaller.se</td> </tr> <tr> <td>付費類型</td> <td>free</td> </tr> <tr> <td>擴展官網</td> <td><a href="https://github.com/krawaller/prettier-js-extension" target="_blank">https://github.com/krawaller/prettier-js-extension</a></td> </tr> <tr> <td>說明頁面URL</td> <td><a href="https://github.com/krawaller/prettier-js-extension" target="_blank" rel="nofollow">https://github.com/krawaller/prettier-js-extension</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": "Prettier JS", "version": "0.0.3", "manifest_version": 2, "description": "Uses Prettier to format js of focused <textarea>\/<CodeMirror>", "homepage_url": "https:\/\/github.com\/krawaller\/prettier-js-extension", "icons": { "16": "icons\/icon16.png", "48": "icons\/icon48.png", "128": "icons\/icon128.png" }, "background": { "scripts": [ "background.js" ], "persistent": false }, "browser_action": { "default_icon": { "19": "icons\/icon19.png", "38": "icons\/icon76.png" }, "default_title": "Prettier JS" }, "permissions": [ "activeTab" ], "commands": { "prettier": { "suggested_key": { "default": "Ctrl+Shift+F", "mac": "MacCtrl+Shift+F" }, "description": "Prettier" } }, "web_accessible_resources": [ "prettier.min.js", "prettierify.js" ] }</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="/zh-tw/extension/pmgmgaejgbjiooiklinoelilmnldlhcf/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/bKORTHdKm6GGaOZWcqnXm0VDf2Q_V3cNIpYFx3qElvvBmo_YAPO52wD9ig2c-h6rvFNQ4cIT5coQ_WhcVFjVOoMnpw" alt="github-php-function-jumper"> </div> <div class="ext-item__name">github-php-function-jumper</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/ncgejfiheecflhpoifeembagnjgigioi/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/mRbYXMsKp-1NW51m11nVEamSdk2wRgZI7G3yWcGAPVRPNIDck0MV3yvRCJLV5_SR2cDCWoNLpYtAaZJHKxroioXNPQ" alt="Mastodon Handles in Twitter"> </div> <div class="ext-item__name">Mastodon Handles in Twitter</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/oomjhgmiccmmoodinfgbldmhndepijoi/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/RxwbVuRVlL8eV_1ygaYzmZFZ02QGzZVC9IQDOEg4YmOS5x_9qfuUcEi_5U7gJDxNXPCuR7wfAQvNSX_Y829SvO0rdw" alt="IDE Powers"> </div> <div class="ext-item__name">IDE Powers</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/kalbcdnbhdhdbboibangihpbdlfamcjh/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/NJNctLqZQVp6NTJBVDRa3x40jADhyeoSx9ZtsT0dfuJbZViGdi3yZXQoL7CI84uol6-pydNI1xxZHLLts3PV3pE1mQ" alt="Code Now"> </div> <div class="ext-item__name">Code Now</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/flodkodajoabgkfcgcengpkojhejfkfg/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/10qRz9xQbPvcIkifw9tUGKR4heLEzy355asw05PWFDXvKdFaF26h0ZSTHnu5zKQv0gqD__oIP8BQM44bXFs0U3SWKrU" alt="3PO#fail"> </div> <div class="ext-item__name">3PO#fail</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/khnhpkjhoogpgnbhagabcnamppfohhjd/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/leNyCm7_APdXEbxwmMMcprX9dD0_M3sHtGq77HsRAwGNyNlGWqvLGWA1ksAa1LxQlAVqz5iRjnnCeeeJliO4KzowNw" alt="Prettier Chrome Extension"> </div> <div class="ext-item__name">Prettier Chrome Extension</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/jdjgledckgjldgndcmjjakfjmikopghp/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/qfy_fM4EeFCurS6n4Pslsj2HgM9jt2M6dE0nofIweUdn3lOC1gjmbMyqpS4sK1O_qTRgyL9rVW734gvpEIJSJv8S" alt="Goto Github Repo"> </div> <div class="ext-item__name">Goto Github Repo</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/fbcfnmplppajblbmdehballiekfgdkhp/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/NhXhMbT364uCX4gizwIOdacmNuT0nXLx0MECo0zLvJBaa4aqvJ6NI0G6Aiengn2LP9L7HRbAitZpv9EaGRZN9uUi" alt="Prettier"> </div> <div class="ext-item__name">Prettier</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/gdaikofkgknonbdhgomechckcjlcpgpg/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/evAgno-ED5c7v97efNLWBaqnWMriRXzPAEvIadrHWszcqrfm4i3haRAHLe2qY6F_rrV4-TS3bp7M_blb39TdZqf_-M4" alt="Github Time Travel"> </div> <div class="ext-item__name">Github Time Travel</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/knjjenghknphdmflgjnjjkemgcdeeejl/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/eeC_dsXbkCLEQZwOjwrnCW-XdC5W7kEha_-L3qRQ3BEdV7_OmyBFmH27kX9-jtQJGWkfDa7BAdq5P1nZ7N0YP9UPxw" alt="BrowseRules"> </div> <div class="ext-item__name">BrowseRules</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/ilbmpnheigbnilnbknenakbkkdmaemlp/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/0EoTyxUmkQ1zYcwvgNGeNQXprooa0-K5snIk17mf4q6kA5uj_f92JN26E0triM9zo3IgZ_vmzb4l8ae_K9Tg0SXxpg" alt="yukar"> </div> <div class="ext-item__name">yukar</div> </a> </div> <div class="cell "> <a class="ext-item" href="/zh-tw/extension/bjpibkoafohcjghgpbiinhfoobmbijcc/"> <div class="ext-item__img"> <img src="https://lh3.googleusercontent.com/XFk6mIEudXHCbv5x-I0PQxDwnM3zW_OQXF-VdZBLx00Fhgdk4MI_GQEr-rzyYG2Nz-_7Iagp4FkdCjQu5MgCtkMgX6Q" alt="GitMeme"> </div> <div class="ext-item__name">GitMeme</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="/zh-tw/install-crx/">安裝crx</a> <a href="/zh-tw/terms-of-service.html">服務條款</a> <a href="/zh-tw/privacy-policy.html">隱私政策</a> <a href="/zh-tw/cookie-policy.html">Cookie政策</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>