使用浏览器翻译后，代码被翻译的解决方案

[imlinhanchao]

https://github.com/imlinhanchao/script-restore-translate

这是一个用于恢复被浏览器错误翻译的内容的油猴脚本。

点击安装

背景

因为有些网站的开发并不规范，没有把代码包含在 code 标签里面。由此导致使用浏览器翻译时，会把代码一并翻译。因此，为了解决这个问题，开发了这个油猴脚本。

使用说明

1. 按下快捷键 Ctrl + Alt + R，即会在右上角显示一个按钮，相同快捷键可隐藏按钮。
2. 点击按钮进入选择模式，移动鼠标，可以根据高亮内容确定当前选择的文本块，再次点击按钮则退出选择模式。
3. 如果你的网页已经经过浏览器翻译，那么将鼠标移动到要取消翻译的文本块上方点击，即可恢复为未恢复状态。
4. 你也可以通过 Ctrl + Alt + D，直接开启或关闭选择模式。
5. 如果恢复失败，提示无法找到该标签的未翻译内容，则取消翻译后按下 Ctrl + Alt + E 再翻译。一般用于应对内容是网页开启后 Ajax 请求得到的。

此功能不适用于翻译开启后通过 Ajax 请求获取的内容。可以通过取消翻译后，按下 Ctrl + Alt + E 来解决。

欢迎大家测试，有任何不兼容的网站就到 GitHub 上给我提 Issue 吧~

[est]

把 code 元素内的不翻译还原即可？

[imlinhanchao]

@est 主要是有些网站，比如 GitHub，他的代码并没有在 Code 标签里面。因此会导致使用浏览器翻译时把代码也翻译了。

[cydian]

@imlinhanchao 其实这样的网站不多。
大家常用的就那几个。
所以我建议直接针对目标网站进行匹配就可以了。

其他不是常见的，再让用户自行手动操作。

[imlinhanchao]

@cydian 这个建议不错，类似 adblock 那样维护一个数据库。支持 UGC 提交。

[phy25]

https://stackoverflow.com/questions/9628507/how-can-i-tell-google-translate-to-not-translate-a-section-of-a-website

可以试试 .notranslate

[lookas2001]

最开始 github 是 pre 包代码的，后来用了 pre+code，最近不知道为什么又改回去了。
谢谢楼主很好用

[ifyour]

@phy25 #5

这样执行一下就可以了。
<img src="https://i.loli.net/2020/04/30/bQVY5nskDPTKlji.png" />

[ifyour]

受到 #5 楼启发，优化了一下，数组里可以写完整的 css 选择器，可以用于个性定制，我感觉可以做成插件的。


[imlinhanchao]

@ifyour 本身 Google 翻译就会 skip 掉 code 标签的翻译。

[ifyour]

@imlinhanchao

嗯，但是实测发现，还是有被翻译的。


[ifyour]

#10 看错了，请无视 😄

只是分享个思路