这两天被个奇奇怪怪的问题困扰,页面加载Dom结构后发现结构与预期不符,并且只有谷歌浏览器出现了这个问题,然后逐一排查,引用的各个js文件被屏蔽个精光弄成静态页面发现还是找不到问题所在,监测了下发现加载了谷歌浏览器翻译插件的相关js,然后把谷歌浏览器的翻译禁用掉,刷新看了下,问题解决。真坑,你翻译把innerText改了不就行了,非得插入个<font>
原结构
![]()
谷歌翻译插件处理后的结构

被翻译插件插入<font>节点后导致原绑定的事件失效。
墨衍会员
·
AI 创作全网分发
墨衍智能分发
本文由作者通过墨衍一键同步至各平台
1分发平台
900+累计阅读
990平均单平台
已同步平台
优快云
微信公众号
微博
知乎
掘金
百家号
博客园
抖音
小红书
你的文章也可以这样分发
墨衍会员 ¥399起/年,写一次发全网
我也要 →
码龄11年
这两天被个奇奇怪怪的问题困扰,页面加载Dom结构后发现结构与预期不符,并且只有谷歌浏览器出现了这个问题,然后逐一排查,引用的各个js文件被屏蔽个精光弄成静态页面发现还是找不到问题所在,监测了下发现加载了谷歌浏览器翻译插件的相关js,然后把谷歌浏览器的翻译禁用掉,刷新看了下,问题解决。真坑,你翻译把innerText改了不就行了,非得插入个<font>
原结构
![]()
谷歌翻译插件处理后的结构

被翻译插件插入<font>节点后导致原绑定的事件失效。
Edge浏览器翻译亚马逊网页全攻略:为什么谷歌翻译不行?
本文深入解析了在翻译亚马逊等电商网页时,谷歌翻译服务因区域限制和访问策略问题常导致失败,而微软Edge浏览器凭借其内置的、可直接稳定访问的微软翻译服务,成为更可靠的解决方案。文章提供了从启用Edge基础翻译到安装沉浸式翻译插件进行双语对照和深度优化的全流程攻略,旨在帮助跨境电商从业者高效、准确地处理商品信息与用户评论。
vue项目在谷歌浏览器中莫名被更改了内容和出现font标签
先说明原因:被浏览器 翻译 了。 谷歌浏览器一直是默认翻译成中文的设置,而我的默认声明为英文,lang="en"会被翻译。 所以当浏览器选择翻译时,就会出现上面的情况。 解决办法: 将index.html文件的html标签的语言类型声明为中文 ...
浏览器翻译插件深度评测:沉浸式翻译、沙拉查词与谷歌翻译对比
浏览器翻译插件是现代网络浏览中提升效率的关键工具,其核心原理是通过注入脚本实时解析网页DOM结构,调用云端或本地翻译API实现内容转换。这类工具的技术价值在于打破语言壁垒,实现无缝的跨语言信息获取,尤其适用于技术文档阅读、学术研究、外文资讯浏览等场景。当前主流的解决方案包括支持双语对照的沉浸式翻译、专注于划词翻译的沙拉查词以及谷歌官方翻译扩展,它们分别针对不同的用户需求和使用场景。对于Mac和Windows用户而言,选择一款系统通用的翻译插件能确保跨平台工作流的一致性,而深度配置如自定义翻译引擎、设置网站特
踩坑浏览器自动翻译,自动添加font标签
问题描述: 明明什么都没有做,突然之前页面无法点击,样式错乱,打开浏览器调试工具发现,所有的文字外面浏览器自动加了一层font标签 原因分析: html标签的lang属性,lang规定元素内容的语言。 页面中lang设置为en,浏览器自动翻译这个页面的时候,翻译的过程中会自动的给所有的文本套上font标签 解决方案: 修改lang属性为zh ...
浏览器翻译插件深度评测与配置指南:沉浸式翻译、沙拉查词、腾讯交互翻译横评
在信息全球化时代,浏览器翻译插件已成为提升跨语言信息获取效率的关键工具。其核心原理是通过调用本地或云端的机器翻译引擎,对网页文本进行实时转换,解决了语言障碍带来的信息延迟问题。从技术价值看,优秀的翻译插件不仅能实现基础的全文翻译,更通过集成OCR、自定义术语库、多引擎聚合等高级功能,显著提升了翻译的准确性、专业性和场景适应性。在应用场景上,无论是阅读技术文档、查阅学术论文,还是浏览海外资讯,一个配置得当的翻译插件都能无缝融入工作流,成为高效的智能助手。本文聚焦于如何通过深度评测与高级配置,将主流插件打造成“
jQuery-Translator调用Google翻译实例及源码【译】
关于jQuery调用Google Translator的,译自Google Language Translator Using jQuery。
解决html文字被篡改,并且额外添加font标签,显示成其他内容
无意中QA提出了这么一个问题,页面原本的文字被莫名其妙的替换了(如下图红框中),检查了接口和源码中没有这些文字,注:电脑是否中毒不在关注范围内 审查元素发现原本文字所在的位置,被额外添加了font标签 到这里就破案了,是无意中开启的谷歌浏览器的翻译功能在作祟 1、关闭翻译插件、或者结合html标签的网页语言类型声明,把翻译语言改回设定的就正常了 比如这样: <!-- 声明当前网页的语言类型为中文 --> <html lang="zh"> 或者这样 : ..
ARM和FPGA之间的通信(硬件原理图篇)
设计该开发板的初衷是为了学习,但也希望今后能扩展其功能,看到大家都在diy示波器,自己也非常冲动的想DIY一把,于是呼选了arm+fpga的方案,fpga主要用来实现数据的高速采样,而ARM则提供数据的显示,以及一些人机交互的功能。那么该方案中最重要的地方就是ARM和FPGA之间的通信如何实现了。在网上查了很多的资料,有说将FPGA作为ARM的一个外设,可以通过DMA的方式来直接访问;也有说把FP
谷歌浏览器最坑爹的一个Bug之为什么我的span标签里多了font标签
项目中遇到一个问题我要给后台传span标签的内容,结果在谷歌浏览器上测试莫名其妙多了一些font标签, 搜索了一下竟然是因为谷歌浏览器的翻译功能??????????? 所以谨记纵使不用这翻译功能也要记得勾选“一律不翻译此网站”。。。。免得被坑。 在网上还搜到有个方法会避免此错误的发生,就是在html页面的开头 写这样<html lang="zh">而不是<html la...
AU混响终极指南:从‘干声’到‘空间感’,用总音轨和发送技巧打造专业人声
本文详细介绍了如何在Adobe Audition(AU)中使用混响效果器,通过总音轨和发送技巧将‘干声’转化为具有专业‘空间感’的人声。从混响基础原理到总线架构设置,再到精细控制和自动化调整,全面解析了提升音频质量的实用技巧,适用于音乐制作、播客和内容创作。
C++网络编程 - Boost::asio异步网络编程 - 01- boost库源码编译安装
知识的学习在于点滴记录,坚持不懈;知识的学习要有深度和广度,不能只流于表面,坐井观天;知识要善于总结,不仅能够理解,更知道如何表达! 目录 如果需要录屏资料,请私信邮箱shitou3000@qq.com获取。 ...
如何用AI解决谷歌浏览器网页翻译失效问题
最近发现谷歌浏览器的网页翻译功能经常抽风,作为一个重度翻译需求用户,这简直不能忍!研究后发现可以通过开发浏览器插件来解决这个问题,今天就来分享一下我的折腾过程。我实际操作发现它的AI辅助开发功能很实用,输入需求就能生成基础代码框架,省去了很多重复工作。特别是它的实时预览功能,调试浏览器插件特别方便。整个过程最耗时的是调试各种边界情况,但有了AI生成的代码骨架,开发效率确实提升不少。通过监听浏览器API返回结果,判断翻译服务是否正常响应。如果超时或返回错误码,就判定为不可用。3. 偶尔能翻译但结果不完整。
从数据到特征:基于CAT12的MRI图像预处理实战指南
本文详细介绍了使用CAT12工具进行MRI图像预处理的完整实战流程。从数据获取、环境搭建到核心的AC-PC校正、组织分割、空间标准化与调制,逐步解析如何将原始脑影像数据转化为可用于机器学习的标准化特征图。重点阐述了预处理作为脑影像分析‘生命线’的重要性,并提供了避坑指南与自动化脚本建议,帮助研究者构建高质量的阿尔茨海默症分类模型输入特征。
谷歌浏览器自动翻译页面导致页面渲染异常
今天做项目的时候,项目模板里使用计算属性渲染了数据,更新数据后一直页面没有更新渲染,一开始以为没有深度监听,dom没刷新,使用了this.forceUpdate()强制刷新页面的方法,和this.forceUpdate()强制刷新页面的方法,和this.forceUpdate()强制刷新页面的方法,和this.set()对象深度赋值的方法,都没有效果,最后发现谷歌自动翻译了我的页面,给我的html...
Python爬虫实战:如何优雅地处理BOSS直聘的反爬机制与Cookie失效问题
本文详细介绍了如何通过Python爬虫技术优雅应对BOSS直聘的反爬机制与Cookie失效问题。从多账号轮换、动态请求头生成到代理IP管理,提供了一套完整的解决方案,帮助开发者构建稳定高效的数据采集系统,有效提升爬虫成功率与数据质量。
从CTF到实战:Frida Hook无导出SO函数的3种特殊姿势
本文深入探讨了在移动安全逆向工程中,如何利用Frida Hook无导出SO函数的三种高级技巧:字符串引用定位法、调用栈回溯法和内存特征码扫描。针对安卓So层加固和混淆场景,文章结合CTF赛题与实战案例,详细解析了每种方法的原理、实现步骤与适用场景,为安全研究人员提供了从理论到实践的完整解决方案。
盘点谷歌浏览器中的一些神级插件
正值金三银四招聘旺季,很多小伙伴都询问我有没有前端方面的面试题,特地整理出来赠送给大家!资料领取方式:点击这里前往获取,可以扫码获取!!(备注:前端)**正值金三银四招聘旺季,很多小伙伴都询问我有没有前端方面的面试题,特地整理出来赠送给大家!资料领取方式:点击这里前往获取资料领取方式:点击这里前往获取。
保姆级教程:用NodeMediaClient在Android实现RTMP拉流播放(附避坑指南)
本文提供了一份详尽的Android平台RTMP拉流播放实现与深度调优指南。重点介绍了如何使用NodeMediaClient库进行集成,并针对视频卡顿、花屏等常见问题,从渲染引擎选择(SurfaceView与TextureView)、解码策略、缓冲区优化到高级网络自适应等方面提供了实战解决方案与避坑技巧。
google翻译 | 无法使用解决办法
使用前需在【浏览器选项-设置-语言-关闭Google翻译】。:google translate无法使用。最终解决办法是换用其他翻译软件。:windows无权限。
字符编码——简体中文编码中区位码、国标码、内码、外码、字形码的区别及关系
目录区位码国标码(交换码)内码(机内码)区位码、国际码、内码的转换为什么要加上20H为什么加上80H 本文以GB2312为例,讲述区位码、国标码、内码、外码、字形码 区位码 整个GB2312字符集分成94个区,每区有94个位,每个区位上只有一个字符,即每区含有94个汉字或符号,用所在的区和位来对字符进行编码(实际上就是字符编号、码点编号),因此称为区位码。 换言之,GB2312将包括汉字在内的所有字符编入一个94 * 94的二维表,行就是“区”、列就是“位”,每个字符由区、位唯一定位,其对应的区、位编号合并
C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片
基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正
盘点谷歌浏览器中的一些神级插件,【推荐】
资料过多,篇幅有限,需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版!自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。外链图片转存中…(img-IK7rONkF-1712380169151)][外链图片转存中…(img-GVOyi4RU-1712380169151)]资料过多,篇幅有限,需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版!自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
老版QQ原生表情gif动态
这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。
Chrome浏览器内置翻译功能突然失效(自动翻译失败)解决方案
Chrome浏览器内置翻译功能突然失效(自动翻译失败)解决方案
迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)
迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)
谷歌浏览器自带翻译的诡异Bug:ID翻译后竟然变化了
摘要: 在Vite+Vue3+Element Plus项目中,Chrome浏览器翻译功能导致表格数字ID被篡改(如10111872→10111873)。经排查,确认问题仅在特定设备触发,与接口数据、代码逻辑无关,根源是Chrome翻译对Element Plus表格的异常处理。通过为ID列添加HTML5的translate="no"属性临时解决,但遗留三个未解之谜:1)问题设备特异性;2)ID固定末尾+1的规律;3)是否属于Chrome或Element Plus的深层兼容性问题。该案例揭示
谷歌翻译影响vue_[Vue源码分析]谷歌翻译后,Vue双向数据绑定失效了?
前言:最近运营反馈了一个问题:谷歌浏览器打开第三方储值平台,使用谷歌浏览器自带的翻译功能后,选择商品没有计算总额。首先可以肯定的是这不是bug,这个平台已经兼容了13种语言,只是运营没有通过语言栏切换语言,而是通过谷歌翻译。当初想到的方法禁止谷歌浏览器翻译当前页面,如下:(已采用)但站在技术的角度来说,看看为什么还是有必要的,储值平台基于Vue,计算总额应用了双向数据绑定;为什么谷歌翻译后,Vue...
DeepL翻译浏览器插件完整使用指南:免费实现高效多语言沟通
在全球化信息时代,语言障碍成为获取知识和沟通交流的主要障碍。DeepL翻译浏览器插件作为一款基于Chrome平台的免费翻译工具,通过集成DeepL强大的神经网络翻译技术,为用户提供精准、实时的网页文本翻译服务。 ## 语言障碍的现实挑战与解决方案 现代互联网用户在日常浏览中面临诸多语言问题:无法理解外文网页内容、阅读国际学术文献困难、处理跨境电商信息效率低下。DeepL翻译插件的出现,为这些痛
Chrome-谷歌页面翻译增强插件开发
最近想做一个 Chrome 的插件(看别的博客说其实叫插件不准确,应该叫拓展,大家叫习惯了就按习惯的来吧)。一开始咱先直接看了[Chrome 开发(360 翻译)](http://open.chrome.360.cn/extension_dev/overview.html)和[chrome extensions](https://developer.chrome.com/extensio...
675
5341

被折叠的 条评论
为什么被折叠?



