html点赞插件,chrome空间自动点赞插件。浏览器插件简单例子。

代码很简单:

chrome的插件主要是放在一个文件夹里面 然后在chrome浏览器里面打包就ok了。

这样:

190791cc0e2489110e428746e4c70fcf.png

498ebe626b10a7c1e2070fb7fd33c597.png

开始看代码:

==

主控代码

manifest.json

{

"name":"a",

"version": "1.0",

"manifest_version": 2,

"description": "1",

"permissions":[

"tabs",

"https://*/*",

"http://*/*"

],

"browser_action":{

"default_icon":"icon.png",

"default_popup":"popup.html"

},

"background": {

"scripts": ["bg.js"],

"persistent": false

}

}

==

bg.js

console.log("background")

chrome.tabs.onUpdated.addListener(function(tabId , info) {

if (info.status == "complete") {

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {

var url = tabs[0].url;

console.log(url)

//if(url=="https://www.baidu.com/"){

// chrome.tabs.executeScript(null,{code:'alert("Hello World!")'});

// }http://user.qzone.qq.com/ removeEventListener

//window.addEventListener("scroll", function(){console.log(8)});

// window.οnscrοll=function(){console.log(123)}

if(url.match('user.qzone.qq.com')){

var strjs='var items=document.getElementsByClassName("item");'+

'for(var i=0;i

// chrome.tabs.executeScript(null,{code:' window.οnscrοll=function(){setTimeout( '+strjs+', 3000) }'});

//ok chrome.tabs.executeScript(null,{code:'window.οnscrοll=function(){ console.log(8888);var items=document.getElementsByClassName("item"); console.log(items)}'});

chrome.tabs.executeScript(null,{code:'window.οnscrοll=function(){ console.log(8888);var items=document.getElementsByClassName("item"); for(var i=0;i

//var items=document.getElementsByClassName("item")

//for(var i=0;i

//var s=items[i].innerHTML

//!s.match('赞')||s.match('取消赞')||items[i].click();

// }

//chrome.tabs.executeScript(null,{code:});

}

});

}

});

==

popup.js

document.getElementById("p1").innerHTML="空间点赞"

==

popup.html

空间点赞

body {

min-width: 100px;

overflow-x: hidden;

}

img {

margin: 5px;

border: 2px solid black;

vertical-align: middle;

width: 75px;

height: 75px;

}

空间点赞

==

icon.png    就是一个普通的图片

==

打包后的效果是:

2bc369dc75176e6fc3e507abb7119664.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html点赞功能可以通过添加JavaScript代码来实现。首先,在HTML文件中添加一个按钮,例如一个"点赞"按钮。然后,使用onclick()事件来触发JavaScript函数,使得按钮被点击时执行相应的操作。在JavaScript函数中,可以使用变量来记录点赞次数,每次点击按钮时更新点赞次数,并将新的点赞次数显示在页面上。具体的实现步骤如下: 1. 在HTML文件中添加一个按钮,可以使用<button>标签,并给该按钮一个id,例如id="likeButton",以便于在JavaScript中引用。 2. 在JavaScript代码中,声明一个变量来记录点赞次数,例如var love = 0;。 3. 创建一个函数,例如function like(),用来处理按钮点击事件,并在该函数中更新点赞次数。 4. 在like()函数中,将点赞次数加1,例如love++。 5. 使用document.getElementById('likeButton')来获取按钮元素,并使用innerHTML属性将更新后的点赞次数显示在页面上。 示例代码如下: ``` <button id="likeButton" onclick="like()">点赞</button> <script> var love = 0; function like() { love++; document.getElementById('likeButton').innerHTML = love; } </script> ``` 这样,当用户点击"点赞"按钮时,点赞次数就会增加,并且页面上显示的点赞次数也会实时更新。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [前端基础教程:简单的实现html+css+javascript点赞效果](https://blog.csdn.net/weixin_63545689/article/details/126576120)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [html超级简单实现点赞(收藏)和取消赞效果](https://blog.csdn.net/u011927449/article/details/103204037)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值