Javascript-форум - Создаю свое расширение.

Здравствуйте. Я не силен в js, но из интереса решил попробовать создать свое расширение для браузера. Сейчас хочу, чтобы когда я заходил на определенный сайт мне выдавало бы alert "привет, вы зашли на сайт vk.com" или что-то такое. Но у меня не получается заставить работать скрипт. Сейчас я сделал так, что в браузере всегда висит иконка расширения. При нажатии на нее открывается popup.html в нем лежит кнопка. В теории когда я на нее нажимаю, она выдает алерт с адресом сайта. Но на практике получается всегда одно и тоже сообщение. Выводится алерт, но с адресом расширения. Т.е. chrome-extension:hashdashdashdahdsdfkij/popup.html.
Вопрос такой. Что я сделал не так и как заставить расширение выдавать мне адрес страницы с которого нажали на кнопку? Сам я вообще не нашел. Уже 2 дня пытаюсь.

manifest:

{
	"manifest_version" : 2,
	"name" : "12345",
	"short_name" : "123",
	"version" : "0.1",
	"description" : "0000002222222",
	 "options_page": "options.html",	
					 
	"icons" : {						
		"128" : "icons/123.png"
	},								
	
	"permissions": [
	  "tabs",
	  "activeTab"
	],

        "browser_action": {
        "default_title": "123",
        "default_icon": "icons/123.png",
	"default_popup": "popup.html"
    }
}

popup.html

<!doctype html>
<html>
    <head>
        <script src="js/function.js"></script>
    </head>
    <body>
        <button id="checkPage">Кнопка</button>
    </body>
</html>

function.js

document.addEventListener('DOMContentLoaded', function() {
    var checkPageButton = document.getElementById('checkPage');
    checkPageButton.addEventListener('click', function() { 
    	var x = window.location;
    	alert(x);
    });
});