dms
1
喜欢小书签，因为简单直接啦。
喜欢把自己会的技能传播开来，因为也有很多人耐心的教过我，在我心目中，这是一种传递。
所以，就有了这份小卡片，很小，很短……咳咳。两三分钟，了解一点一滴。算不上编程啦。但是学一点也许就能用得上，万一方便点，就不亏哦。
知道这里很多大神啦，如果有讲的不对的地方，还望赐教。不过也请理解，这种入门的内容，为了便于理解，有些细节上只能含混，因为咬文嚼字起来，一个点随便几千字的文绉绉，那就不引人入门，而成了劝人放弃了。
视频更新中：
目录：（文字部分就暂时这么多）
内容会先发布在公众号：daomishu（欢迎关注哦~~
以及 B 站：稻米鼠的小书签
每十张卡片，整理过来发布一个楼层，并在主贴中进行索引。
6 Likes
dms
10
论坛自带功能，编辑器最后一个齿轮按钮里，“隐藏详情”
dms
15
不过我用油猴子外挂了自定义样式，然后用脚本补的页头页脚和水印。
其实本想自己写个生成工具的，但是代码高亮部分坑比较多，想想造什么轮子，先用现成的跑起来吧。
john890
17
@dms 你好， 我也来分享一个平常使用的小书签吧，有时Chrome 右键 经常出现“无法翻译此网页内容”，就可以用它 ：)
谷歌网页整页翻译小书签：
javascript:{d=document;b=d.body;o=d.createElement('scri'+'pt');o.setAttribute('src','https://translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit');o.setAttribute('type','text/javascript');b.appendChild(o);v=b.insertBefore(d.createElement('div'),b.firstChild);v.id='google_translate_element';v.style.cssText="display: block; z-index: 999999999; position: fixed; top: 10px; left: 10px;";p=d.createElement('scri'+'pt');p.text='function googleTranslateElementInit(){new google.translate.TranslateElement({layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL,pageLanguage:"auto",includedLanguages: "zh-CN"},"google_translate_element");}';p.setAttribute('type','text/javascript');b.appendChild(p);}void 0
点击他即可出现图1：
然后再在下拉框选择 中文(简体)，然后才出现图2：
但现在想 左键单击一次小书签，马上弹出翻译框(图2)进行翻译，而不弹出图1，
有一个思路是 js设置cookie 或者用trigger()触发，希望大神帮着研究研究。
谢谢！
dms
18
谷歌现在都不提供这个工具的入口了，我一时也找不到相关文档。就不研究了……
john890
19
好的，其实这样用着也没啥，主要是想学习 js设置cookie 的相关知识和实例操作。
把这个和你的小书签教程结合，播个视频教程如何？
john890
20
上面的翻译小书签测试了一下，其实能设置好cookie就行。
第一次打开一个网站(比如：https://thenextweb.com/) ，需要点击两次才能翻译。
关掉页面后再次点击一次小书签，能成功翻译，即能实现目的。
而清除cookie后，需要点击两次了。
只要使 “翻译为中文” 的相关数据存储在cookie里，即点击一次能翻译。
dms
21
javascript:{d=document;b=d.body;d.cookie = 'googtrans=/auto/zh-CN; path=/';o=d.createElement('scri'+'pt');o.setAttribute('src','https://translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit');o.setAttribute('type','text/javascript');b.appendChild(o);v=b.insertBefore(d.createElement('div'),b.firstChild);v.id='google_translate_element';v.style.cssText="display: block; z-index: 999999999; position: fixed; top: 10px; left: 10px;";p=d.createElement('scri'+'pt');p.text='function googleTranslateElementInit(){new google.translate.TranslateElement({layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL,pageLanguage:"auto",includedLanguages: "zh-CN"},"google_translate_element");}';p.setAttribute('type','text/javascript');b.appendChild(p);}void 0
1 Like
john890
22
非常感谢！效果很好。真是一行代码，就知道学渣和学神的区别 
