如何强制谷歌翻译在脚本加载后翻译页面?

2023-12-31

<script type="text/javascript"> 

function googleTranslateElementInit() { 
  new google.translate.TranslateElement(
  {
      pageLanguage: 'ru',
      layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT,
      autoDisplay: true
  },
  'google_translate_element'
  ); 
}

</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

脚本会加载,但加载后不会翻译页面。我需要从选择框中选择语言。如何在不从选择框中选择语言的情况下使其自动翻译?


基本思想是,您需要添加谷歌翻译在加载元素时查找的 cookie,然后您甚至可以使用 CSS 隐藏谷歌翻译元素。

这是一个使用的简短示例js.cookie https://github.com/js-cookie/js-cookie:

    <div class="custom-translate" st yle="display: none;" id="google_translate_element"></div>


<!-- ASYNCHRONOUS Google Translate -->
<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'en',
            layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT,
            autoDisplay: false
        }, 'google_translate_element');
    }

    (function () {
        var googleTranslateScript = document.createElement('script');
        googleTranslateScript.type = 'text/javascript';
        googleTranslateScript.async = true;
        googleTranslateScript.src =
            '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(
            googleTranslateScript);
    })();

    Cookies.set('GoogleAccountsLocale_session', 'iw', { expires: 999});
    Cookies.set('googtrans', '/en/iw', { expires: 999});
</script>

CSS隐藏谷歌翻译元素:

<style>
.goog-te-banner-frame,.custom-translate {
        display: none;
}

body {
        top: 0 !important;
    }
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}

</style>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何强制谷歌翻译在脚本加载后翻译页面? 的相关文章

  • 使用 Node.js 构建网站的最佳实践

    这个问题的答案是社区努力 help privileges edit community wiki 编辑现有答案以改进这篇文章 目前不接受新的答案或互动 我想知道如何使用 Node js 从头开始 开发一个网站 我明白我怎么能possibly
  • 为什么 window 与 Internet Explorer 中的 window.self 不同?

    关于我如何遇到这个问题有一个复杂的背景故事 但为什么self属性不完全等于窗口本身 在 Safari 和 Firefox 及其朋友中 结果如我所料 gt window window self true gt window window se
  • 滚动时的 CSS 背景模糊

    我有固定的背景图像 滚动时我希望图像变得模糊 我知道如何在 css 中进行模糊 但在特定的滚动位置进行 这是一个例子 https medium com good music f160ba9e6c52 https medium com goo
  • 想要动态处理与分页相关的页码显示:ReactJS

    我有一些分页逻辑工作得很好 唯一的问题是我只能让它显示并固定数量的页面可供选择 现在我已经把它放到了 5 页 但我希望它能够根据总记录动态更改 假设我有 100 条记录 每页限制为 10 条 将有 10 页 现在我只能让它以这种方式显示 第
  • 按下回车键时不刷新页面

    我遇到了一些问题 只要表单中有输入 回车键就会触发页面刷新 下面的代码 如果按下回车并且文本区域 input 中没有输入任何文本 则不会刷新页面 但是如果按下回车并且 input中有输入或者光标位于文本区域 我不确定是什么触发了它 因为 s
  • 删除 IE9 边缘周围的 2px 灰色边框

    我正在尝试对这个网站进行编码 尝试关键字 并且我正在尝试找出如何删除这个阴影2px灰色边框延伸到 IE9 窗口的内部 至少顶部 左侧和底部 我的边距设置为零 因此所有页面元素都到达页面的最边缘 但使用 IE9 它们会停在这个灰色边框处 我没
  • JavaScript 继承;调用和原型

    要在Javascript中实现继承 通常需要执行以下两个步骤 假设我有一个基类 Animal var Animal function name this name name 我现在想从中派生一个子类 Dog 所以我想说 var Dog fu
  • JavaScript推送函数中的动态变量

    我在 JavaScript 中使用推送功能 var chartData for var i 0 i lt 3 i chartData push date new Date year s mon s date s hr s min s sec
  • 如何使用角度材料在具有可扩展行的表格中创建嵌套垫表

    我有以下数据 id c9d5ab1a subdomain wing domain aircraft part id c9d5ab1a info mimetype application json info dependent parent
  • 计算三次贝塞尔曲线的弧长、曲线长度。为什么不工作?

    我正在用这个算法计算弧长 三次贝塞尔曲线的长度 function getArcLength path var STEPS 1000 gt precision var t 1 STEPS var aX 0 var aY 0 var bX 0
  • onclick 事件中未调用函数

    我想在每个 YouTube 链接的末尾添加一些 HTML 以在 litebox 中打开播放器 到目前为止 这是我的代码 document ready function var valid url new RegExp youtube com
  • 如何在模态打开时防止主体滚动

    我在用着W3schools 模态脚本 https www w3schools com howto tryit asp filename tryhow css modal我想添加一个功能 防止模型打开时整个主体滚动 我根据我的需要对原始脚本做
  • 使用 JavaScript 移动页面上的按钮

    我的按钮可以移动 但奇怪的是 我无法弄清楚偏移是否有问题 我希望我的按钮随着鼠标光标移动 但现在它的移动方式不是我想要的 有时它会消失 另外 创建的新按钮是重叠的 我不知道如何解决这个问题并拥有更好的外观 var coorA var coo
  • 具有 100% 高度行和 Internet Explorer 9 的表格

    我有以下示例 div style height 150px background color AAAAFF div
  • 改变 JavaScript 中的顶部填充

    以下是我在 css 中设置顶部填充的方法 body font size font size px margin 0 padding 100px 0 20px 0 width 100 important 如何使用最简单的 javascript
  • 使用 Jade 评估自定义 javascript 方法 (CircularJSON)

    我想通过 Jade 将一个对象解析为客户端 JavaScript 通常这会起作用 script var object JSON parse JSON stringify object but my object is circular ht
  • Rails 3.1+ 的 Jasmine 与 Mocha JavaScript 测试 [已关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我对茉莉花有经验并且非常喜欢它 有谁有 Jasmine 和 Mocha 的经验 特别是 Rails 的经验吗 我想知道是否值得转用 我已经在 J
  • 滚动顶部不符合预期

    Note 由于上次忘记奖励而重新开放赏金 A Woff 大师已经给出答案 我想在用户展开某一行时到达该行 这样当最后一个可见行展开时 用户不必向下滚动即可查看内容 I used example tbody on click td green
  • 如何通过索引访问 JSON 对象中的字段

    我知道这不是最好的方法 但我别无选择 我必须通过索引访问 JSONObject 中的项目 访问对象的标准方法是只写this objectName or this objectName 我还找到了一种获取 json 对象内所有字段的方法 fo
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供

随机推荐

  • 如何优化全文搜索的 Core Data 查询

    在文本中搜索匹配单词时可以优化核心数据查询吗 这个问题也涉及到 iPhone 上自定义 SQL 与 Core Data 的区别 我正在开发一款新的 iPhone 应用程序 它是科学数据库的手持参考工具 主界面是一个标准的可搜索表格视图 我希
  • 带有 Swift 5.0 编译器的 Xcode 10.2 - 协议继承问题

    当前的 Xcode 版本 10 2 存在一个大问题 有一个BasicViewController具有以下签名的类 class BasicViewController UIViewController UITableViewDataSourc
  • SceneKit:关于像 Tron 光循环一样再现发光光迹的建议

    目标是在 SceneKit 中重现类似于下图的光迹 路径不需要那么详细 但我们的想法是实现类似的视觉效果 我们尝试使用不透明度约为 0 5 的薄立方体 我们将大约 200 个灯串在一起 并将它们连接到一个节点上 作为光迹 那根本没有表现 另
  • 更新文件时从 AWS S3 下载

    这似乎是一个非常基本的问题 但如果我从 S3 下载文件 同时另一个进程正在更新该文件 我是否需要担心获得不完整的文件 示例 200MB 的 CSV 文件 用户 A 开始以 1Mbps 的速度更新文件 其中包含 200MB 的新内容 16秒后
  • 在 Oracle 中将表与其自身连接

    对这个很困惑 我正在尝试将一个表连接到其自身 我有以下详细信息 PRODUCT NO FORMAT NO FORMAT CODE NUMBER 1000 1111 P 0 1000 1112 O 0 1000 1113 H 546 我想创建
  • scikit-learn GaussianHMM ValueError:输入必须是方阵

    我正在使用 scikit learn 的 GaussianHMM 当我尝试将其拟合到一些观察结果时 出现以下 ValueError 这是演示错误的代码 gt gt gt from sklearn hmm import GaussianHMM
  • 使用 Python 通过 HTTP 下载压缩内容

    使用 Python 下载网页时如何利用 HTTP 1 1 的压缩功能 我目前正在使用内置的urllib http docs python org library urllib html用于下载网页内容的模块 通读文档 我找不到任何确实使用压
  • iOS 在故事板中切换嵌入视图

    我一整天都在试图解决这个问题 我知道它应该能够完成 但是作为使用 Objective C 而不是 Appcelerator 的 iOS 开发新手 我遇到了新手问题 我想要完成的是在我的其他视图之一中拥有嵌入视图 但能够通过编程切换嵌入的视图
  • Selenium C# Webdriver 如何检测元素是否可见

    最新版本的 Selenium DotNet Webdriver 2 22 0 有没有办法在单击 交互之前检查元素是否可见 我发现的唯一方法是尝试处理当您尝试发送密钥或单击它时发生的 ElementNotVisible 异常 不幸的是 这仅在
  • 使用 Office365 JS API 从 EWS 或 REST API 访问自定义属性集

    我有一个 Office 365 邮件应用程序 它在保存项目之前将值存储在自定义属性中 保存项目后 我想使用服务器端应用程序访问此属性 阅读自定义属性文档 https msdn microsoft com en us library offi
  • 将数据从视图传递到控制器 asp.net core razor 页面

    我正在尝试创建一个简单的 asp net core razor 网站 我有一个cshtml页面 page using RazorPages model IndexModel using Html BeginForm
  • AngularJS ng-table 固定标头

    我正在使用 ng table 来显示一些信息 我想固定 ng table 的页眉和页脚 并强制 ng table 在行内绘制滚动条 ng table 文档网站没有关于如何实现这一点的文档 有任何想法吗 这个仅 CSS 的解决方案对我有用 只
  • 按员工部门划分且员工人数超过 5 人

    我想显示department id与 count 一起 并且 count 应大于 5 并且我希望有 1 月份未雇用的员工 我尝试了以下查询 SELECT FROM EMPLOYEES WHERE DEPARTMENT ID IN SELEC
  • Excel VBA:等待 Internet Explorer 中的 JavaScript 执行

    我正在尝试在 Excel VBA 中进行一些网页抓取 这是我遇到问题的代码部分 IE Navigate URL Do DoEvents Loop While IE ReadyState lt gt 4 Or IE Busy True Set
  • 修改SVG路径的不透明度及其标记

    我正在尝试对使用 D3 以编程方式定义的路径进行一些修改 我想要进行的更改非常简单 修改路径的不透明度 我遇到的问题是 虽然路径本身会改变 但结束标记不会改变 而且我不太确定如何让它这样做 标记定义如下 define arrow marke
  • 加快 LINQ 插入速度

    我有一个 CSV 文件 我必须将其插入 SQL Server 数据库 有没有办法加快 LINQ 插入速度 我创建了一个简单的存储库方法来保存记录 public void SaveOffer Offer offer Offer dbOffer
  • 无法 pip install mysqlclient 并执行“gcc”:权限被拒绝

    如果我问一些非常简单的事情 请原谅我 我正在远程服务器上通过 Namecheap 设置 Django 应用程序 无 root 访问权限 和我的服务器信息 阿帕奇版本 2 4 38 MySQL 版本 10 1 38 MariaDB cll l
  • 设置 SWT Combo 的颜色

    I m trying to turn color of my readonly combo to white as a non readonly combo 我的只读组合代码 Combo myCombo new Combo sessionP
  • 如果子视图获得焦点,则 OnKeyListener 或 OnKeydown 不起作用

    我想听 ScrollView 来看看它是否正在滚动 我使用了OnTouchListener 效果很好 但是 当我想使用 OnKeyListener 或重写 OnKeydown 方法为轨迹球添加兼容性时 它无法工作 似乎子按钮获得焦点会导致问
  • 如何强制谷歌翻译在脚本加载后翻译页面?