知识学堂 > 课程 > 网站自动翻译

网站自动翻译

发布日期:2024/2/27 来源:聚恒【返回】

网站自动翻译

  1. 随便打开一个网页
  2. 右键 - 审查元素
  3. 控制台粘贴入以下代码:
    var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'https://res.zvo.cn/translate/inspector_v2.js'; head.appendChild(script);
  4. Enter 回车键 , 执行
  5. 在当前网页的左上角,就出现了一个大大的切换语言,切换试试看
在网页最末尾, </html> 之前,加入以下代码,一般在页面的最底部就出现了选择语言的 select 切换标签。 其实就这么简单:



                <script src="https://res.zvo.cn/translate/translate.js"></script>
                <div>
                    按钮切换语言:
<a class="ignore" href="javascript:translate.changeLanguage('english');">English</a> | 
<a class="ignore" href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a> | 
<a class="ignore" href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a>
                </div>


                <div id="translate">
                    select选择框切换语言:
                </div>


                <script>
                    //translate.ignore.tag.push('img'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面的,都不进行翻译。
                    //translate.ignore.class.push('test'); //翻译时指定忽略的class name,凡是class name 在这里面的,都不进行翻译。如果不设置默认只有 ignore 这一个
                    //var documents = [];
                    //documents.push(document.getElementById('ajax'));
                    //documents.push(document.getElementById('test2'));
                    //documents.push(document.getElementById('test3'));
                    //translate.setDocuments(documents); //指定要翻译的元素的集合,可传入一个或多个元素。如果不设置,默认翻译整个网页
                    //translate.setAutoDiscriminateLocalLanguage(); //设置用户第一次用时,自动识别其所在国家的语种进行切换
                    translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认就是 'chinese_simplified' 简体中文。 可填写如 'english'、'chinese_simplified' 等,具体参见文档下方关于此的说明
                    translate.language.setUrlParamControl(); //url参数后可以加get方式传递 language 参数的方式控制当前网页以什么语种显示
                    translate.listener.start(); //开启html页面变化的监控,对变化部分会进行自动翻译。注意,这里变化区域,是指使用 translate.setDocuments(...) 设置的区域。如果未设置,那么为监控整个网页的变化
                    translate.execute(); //执行翻译初始化操作,显示出select语言选择
                </script>