如何在网页代码里使用JS实现谷歌浏览器自动翻译

JavaScript022

如何在网页代码里使用JS实现谷歌浏览器自动翻译,第1张

Google 翻译网页功能可以在包括中文和英文的35种语言之间实现整个网页的翻译。当你点击此按钮时,它会自动识别当前网页的语言,把它的内容上传到Google的翻译服务器翻译成用户浏览器设置的语言,,再将翻译结果用原有的网页格式显示出来。这时,该按钮的文字显示会变成“原始网页“,并且会在网页最上端出现一个信息条。如果你想把网页译成其它语言,你可以在信息条上改动翻译语言。另外,你如果点击已翻译网页上的任何链接,并且链接的网页的语言非浏览器设置语言的话,该功能会自动翻译链接网页。你可以点击“原始网页“或者点击信息条上的“X”键关掉信息条,网页就会回到翻译前的状态。

另外,Google工具栏还有字词翻译和划词翻译的功能。“翻译网页”图标旁的下拉菜单会显示两种功能的设置,即字词翻译和划词翻译。启用字词翻译功能后,将光标悬停在一个字词上,就能查看其翻译。若启用划词翻译,当你用鼠标高亮一串单词时,会在这些文字旁出现对整串文字的翻译

Mock.js (官网地址:http://mockjs.com/)是一款模拟数据生成器,旨在帮助前端工程师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:

1,根据数据模板生成模拟数据

2,模拟 Ajax 请求,生成并返回模拟数据

3,基于 HTML 模板生成模拟数据

1.安装mock

2.在src下新建一个mock文件 引入mock.js

3.在页面中发送请求

4.在mock文件夹下的index.js中设置mock数据,并拦截请求,将假数据传入页面

1.属性值是字符串

'name|min-max': string

通过重复 string 生成一个字符串,重复次数大于等于 min,小于等于 max。

'name|count': string

通过重复 string 生成一个字符串,重复次数等于 count。

2.属性值是数字

name|+1': number

属性值自动加 1,初始值为 number。

’name|min-max': number

生成一个大于等于 min、小于等于 max 的整数,属性值 number 只是用来确定类型。

'name|min-max.dmin-dmax': number

生成一个浮点数,整数部分大于等于 min、小于等于 max,小数部分保留 dmin 到 dmax 位。

3.属性值是布尔类型

'name|1': boolean

随机生成一个布尔值,值为 true 的概率是 1/2,值为 false 的概率同样是 1/2。

4.属性值是数组

'name|1': array

从属性值 array 中随机选取 1 个元素,作为最终值。

'name|+1': array

从属性值 array 中顺序选取 1 个元素,作为最终值。

'name|min-max': array

通过重复属性值 array 生成一个新数组,重复次数大于等于 min,小于等于 max。

'name|count': array

通过重复属性值 array 生成一个新数组,重复次数为 count。