我按照步骤解决了无法通过HTTPS提供音译API的问题：Javascript google transliterate API not served over https
我将Google JSAPI＆Transliteration.I.js解压缩到自己的文件中并添加了https。
但是之后，建议会在页面底部的div中弹出，而不像通常的下拉菜单那样。
不胜感激。
答案 0 :(得分：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。