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

HTML/CSS

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」までご応募ください!

この記事は役に立ちましたか?

タイトルとURLをコピーしました