Google 音译建议 CSS 不合适

Question

我按照以下步骤解决了音译 API 未通过 HTTPS 提供服务的问题：

我提取了 Google JSAPI & Transliteration.I.js 到我自己的文件中并添加了 https。

但在那之后，建议会在页面底部的 div 中弹出，而不是像通常的下拉菜单那样。

非常感谢您的帮助。

Answer 1

这里是一步一步的过程：

首先，有一个 link 到 API:

<script type="text/javascript" src="https://www.google.com/jsapi">

其次，访问上面的APIlink，搜索如下内容：

google.loader.ServiceBase = 'https://www.google.com/uds';

您需要替换google.loader.ServiceBase = 'yourfile.js';

的link

注意：yourfile.js是您创建的脚本。

为此 - 您需要创建两个单独的 JavaScript 文件。为什么？因为 google.loader.ServiceBase 在 google.com/jsapi

里面

第 1 步：创建两个 JavaScript 文件 - 假设 main.js 和 extra.js

第2步：将https://www.google.com/jsapi的内容保存到main.js

第三步：将https://www.google.com/uds/api/elements/1.0/7ded0ef8ee68924d96a6f6b19df266a8/transliteration.I.js的内容保存到extra.js

第 4 步：在 extra.js 中 - 找到 qi="http://www.google.com" 并替换为 qi="https://www.google.com" - 记住将 http 更改为 https 并保存。

第 5 步：现在回到 main.js - 您必须找到 google.loader.ServiceBase = 'https://www.google.com/uds'; 并替换为 google.loader.ServiceBase = 'extra.js'; 并保存。

第 6 步：调用 index.html.

中的两个文件

<script type="text/javascript" src="main.js">
<script type="text/javascript" src="extra.js">

第 7 步：从此 link 复制 CSS 并将其添加到文件 transliteration.css。将以下行添加到 index.html

<link type="text/css" href="assets/google/js/transliteration.css" rel="stylesheet"/>

这应该会为您提供显示音译弹出窗口所需的正确 CSS。

Google Transliteration Suggestion CSS not proper