Расширение для Chrome с ВКонтакте скачивать музыку своими руками
Первым делом, самое главное - создаем файл яваскрипта script.js:
$(document).ready(function () {
chrome.tabs.getSelected(null, function (tab) {
var url = tab.url;
if (url.indexOf("http://vk.com/audio") > -1) {
xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.send(null);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.responseText) {
var data = xhr.responseText;
var newS = '';
$('.audio', data).each(function (index) {
var title = $(this).children('.area').children('.info').children('.title_wrap').text();
var href = $(this).children('.area').children('.play_btn').children('input').val();
href = href.substring(0, href.indexOf('.mp3') + 4);
title = '<a href="' + href + '" download>' + title + '</a>';
$('#wrapper').append(title + '<br />');
});
}
}
}
} else {
$('#wrapper').html('Audio is empty');
}
});
});
Далее создаем манифест файл manifest.json:
{
"manifest_version":2,
"name":"VK",
"version":"1.0",
"description":"VK",
"permissions": [
"http://vk.com/*",
"tabs"
],
"browser_action": {
"default_title":"VK",
"default_icon":"icon.png",
"default_popup":"popup.html"
}
}
Файл popup.html
<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251" />
<title>Document</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="jquery.js"></script>
<script src="script.js"></script>
<style>
*{margin:0; padding:0;}
a, a:visited{color:#0857a6}
body{width:1000px;padding:10px;font-family:Trebuchet MS, Arial, Tahoma, Sans;overflow:auto;}
</style>
</head>
<body>
<div id="wrapper"></div>
</body>
</html>
Не забудьте создать иконку icon.png и подключить jquery
например так
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>но лучше скачать его и сделать локальным.
Сообщения
Комментариев нет:
Отправить комментарий