51工具盒子
HTML中contenteditable属性 修改样式实时预览
contenteditable是HTML中的一个属性，当标签设置`contenteditable="true"`时，即能对该标签元素进行编辑。 当`style`标签设置`contenteditable`后，能在页面直接编辑css样式，实时预览效果。 下面放一小段代码： <!DOCTYPE HTML> <html>...
开源软件
Chrome浏览器谷歌翻译无法使用？修改host文件解决
最近Chrome浏览器内置的网页翻译功能无法使用了，影响了不少使用谷歌浏览器的用户。可以用Microsoft Edge浏览器或其它国内浏览器，都带有网页翻译功能。 通过修改本地host文件，以便能正常使用谷歌浏览器的翻译功能。 203.208.40.66 translate.googleapis.com 203.208.39.226 translate.go...
Chrome谷歌浏览器截图方法，无需下载插件
以下在Windows平台进行操作，Chrome版本96。 1.打开Chrome浏览器。 2.打开浏览器开发者模式，以下有 3 种方式。 * 页面右键，点击「检查」； * 按键盘上的「F12」键；（笔记本注意FN快捷键设置） * 浏览器右上角，依次点击「设置」-\>「更多工具」-\>「开发者工具」； [
关于收取Google AdSense PIN码信件
前几个月申请了百度联盟，但是审核未通过，提示"网站内容有待提高"，后来就申请了谷歌联盟，并且通过了。 []...
CSS样式代码在线生成工具
> **Animista** ：<https://animista.net/> 各种动画这里都有。 [](...
Windows如何定时开启关闭Chrome浏览器？
Windows定时打开浏览器，访问链接，然后关闭浏览器。 复制以下代码至txt，保存为xxxx.bat。（注意后缀名） @title 开启浏览器Chrome @color 0a ping 127.0.0.1 -n 5 @echo 准备打开浏览器 @echo off cd /d C:\Users\Administrator\...
chromedriver与chrome版本对应关系，chromedriver下载
下载的chromedriver版本一定要与chrome的版本保持一致，不然会有问题。 chromedriver下载地址： * <http://chromedriver.storage.googleapis.com/index.html> * <https://npm.taobao.org/mirrors/chromedriver/> * <ht...
使用CSS box-shadow属性绘制文字
在QQ邮箱中看到一封垃圾邮件。 [](http://static.51tbox.com/static/2025-01-06/c...
HTML5手机端电子签名jSignature
移动端页面进行手写签名，如果是较长的页面，签名时不会上下滑动页面。 只需引入一个js文件即可，使用简单。 画笔粗细、颜色都可以配置。 直接上代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <m...
Google Chrome常用扩展程序（插件）推荐
### Adblock Plus -- 免费的广告拦截器（<https://adblockplus.org/>） {#adblock-plus-免费的广告拦截器-https-adblockplus-org} 屏蔽网站所有广告的好插件，超级好用。 下载地址：<https://chrome.google.com/webstore/detail/adblock-...
