【学習メモ】特定の「Webサイト」を立ち上げることができる！【Chrome拡張機能】の練習「ソースコード！」

テクノロジー

2020.01.28 2020.01.19

manifest.json
popup.html
background.js

manifest.json

{
	"manifest_version": 2,
	"name": "My First Browser Action",
	"description": "はじめての拡張！",
	"version": "1.0",
	"background": {
		"scripts": ["background.js"]
	},
	"browser_action": {
		"default_icon": "icon.png",
		"default_title": "My First Extension",
		"default_popup": "popup.html"
	}
}

popup.html

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>First Extentions</title>
</head>
<body style="min-width: 250px">
	<ul>
		<li><a href="https://osakanav.com" target="_blank">おさかなび-osakanav-</a></li>
		<li><a href="http://dotinstall.com" target="_blank">ドットインストール</a></li>
		<li><a href="http://google.com" target="_blank">Google</a></li>
	</ul>
</body>
</html>

background.js

'use strict';

chrome.browserAction.setBadgeText({text:"100"});

おさかなへの応援メッセージ！おさかなに聞きたい事、質問！記事にしてほしい内容！などを大募集中！

「氏名」「メールアドレス」「内容」の3点をご記入の上「osakana1699@gmail.com」までご応募ください！