Google音译建议CSS不正确

Question

我按照步骤解决了无法通过HTTPS提供音译API的问题：Javascript google transliterate API not served over https

我将Google JSAPI＆Transliteration.I.js解压缩到自己的文件中并添加了https。

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

不胜感激。

Answer 1

这是一个逐步的过程：

首先，有一个指向API的链接：

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

第二，访问上方的API链接，并按照以下内容搜索内容：

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

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

的链接

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

要做到这一点-您需要创建两个单独的JavaScript文件。为什么？因为google.loader.ServiceBase位于google.com/jsapi

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

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

第3步：将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。