4段階でクロム拡張を行う
3428 ワード
この記事では、シンプルな新しいタブクローム拡張のセットアップを作成する方法を紹介します.新しいフォルダを作成します. このフォルダのでは、
「Last Unpack」ボタンを左クリックし、作成したファイルを含む新しく作成したフォルダを選択します. 今すぐ新しいタブを開くと、あなたのこんにちは世界のページを参照してくださいする必要があります!🎉
あなたがそれがどのように働くかについて満足しているまで、創造的で、それをカスタマイズしてください.
次のステップは、ChromeのWebストアにあなたの拡張機能をアップロードすることです.私はすぐにそれを行う方法についての記事を作るつもりですので、必ず私に従ってください!
これは私の最初のブログ記事です.それで、あなたがどんなヒントまたはフィードバックも持っているならば、私に以下を知らせてください.
読んでくれてありがとう
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のブラウザでは、右上に開発者モードを切り替えます.あなたがそれがどのように働くかについて満足しているまで、創造的で、それをカスタマイズしてください.
次のステップは、ChromeのWebストアにあなたの拡張機能をアップロードすることです.私はすぐにそれを行う方法についての記事を作るつもりですので、必ず私に従ってください!
これは私の最初のブログ記事です.それで、あなたがどんなヒントまたはフィードバックも持っているならば、私に以下を知らせてください.
読んでくれてありがとう
Reference
この問題について(4段階でクロム拡張を行う), 我々は、より多くの情報をここで見つけました https://dev.to/c0bweb/make-a-chrome-extention-in-4-steps-59abテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol