4段階でクロム拡張を行う

3428 ワード

この記事では、シンプルな新しいタブクローム拡張のセットアップを作成する方法を紹介します.
  • 新しいフォルダを作成します.
  • このフォルダの
  • では、manifest.jsonファイルとindex.htmlファイルを作成する必要があります.
  • {
      "manifest_version": 2,
      "name": "Name of your extention",
      "version": "0.1.0",
      "chrome_url_overrides": {
        "newtab": "index.html"
      }
    }
    
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Name of your extention</title>
      </head>
      <body>
        <p>Hello world!</p>
      </body>
    </html>
    
    に行くことによって開発者モードchrome://extensions/あなたのChromeのブラウザでは、右上に開発者モードを切り替えます.
  • 「Last Unpack」ボタンを左クリックし、作成したファイルを含む新しく作成したフォルダを選択します.
  • 今すぐ新しいタブを開くと、あなたのこんにちは世界のページを参照してくださいする必要があります!🎉

    あなたがそれがどのように働くかについて満足しているまで、創造的で、それをカスタマイズしてください.
    次のステップは、ChromeのWebストアにあなたの拡張機能をアップロードすることです.私はすぐにそれを行う方法についての記事を作るつもりですので、必ず私に従ってください!
    これは私の最初のブログ記事です.それで、あなたがどんなヒントまたはフィードバックも持っているならば、私に以下を知らせてください.
    読んでくれてありがとう

    Header photo by Alvarado on Unsplash