资讯专栏INFORMATION COLUMN

MDN搜索结果自动跳转中文地址

monw3c / 2050人阅读

摘要:每次都是自己手动切换下中文显示。需求分析点击英文的搜索结果自动跳转到中文文档地址。其实我要做的也很简单,就是在页面加载的时候,使表单选择中文简体然后重新提交一次表单即可。解决方案解决方案就是使用代码选择中文简体并且提交表单。

MDN社区(即Mozilla开发者社区)具有很多高质量中英文文档。它是我开发时遇到概念模糊的地方经常访问的网站。因为默认搜索一些代码,优先显示的都是英文。但是恰恰这些显示的英文文档是有中文的。每次都是自己手动切换下中文显示。所以就想着在点击英文链接的时候,能够自动跳到中文链接。

需求分析

点击英文的搜索结果自动跳转到中文文档地址。

问题分析

其实在MDN的每篇文档的页面上都提供了一个select表单供用户手动切换显示语言。其实我要做的也很简单,就是在页面加载的时候,使select表单选择中文简体然后重新提交一次表单即可。

使用JS实现上面的一个提交表单的操作并不难,主要是在页面加载的时候执行JS代码(并且不是每次手动指定JS代码)。

解决方案

解决方案就是使用JS代码选择中文简体并且提交表单。点击到代码地址

这里需要借助chrome插件Tampermonkey 选择在页面加载的时候执行脚本即可。在一切配置妥当以后,就算我们在网站上点击的英文文档的搜索结果,在显示的时候也会自动跳转到中文的搜索结果。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84052.html

相关文章

  • 一个骚气的文章目录自动生成器了解一下

    摘要:左边的边栏线则是使用的来画出来的,根据层级相应做一些调整,辅以的的效果就可以呈现出不错的移动效果。 这个插件根据选定的目录内容中的 h1, h2, h3, h4, h5, h6 标签来自动生成目录插入到选定的目录容器中,并且提供一个漂亮的样式效果 监听内容区滚动 点击跳转功能 兼容性:IE10+ (由于使用了 node.classList) 地址戳这里 github地址,欢迎sta...

    Cympros 评论0 收藏0
  • 前端路由跳转基本原理

    摘要:目前前端三杰都推介单页面应用开发模式,在路由切换时替换中最小修改的部分,来减少原先因为多页应用的页面跳转带来的巨量性能损耗。 showImg(https://segmentfault.com/img/bVbn1ZN?w=3069&h=2048); 目前前端三杰 Angular、React、Vue 都推介单页面应用 SPA 开发模式,在路由切换时替换 DOM Tree 中最小修改的部分 ...

    SillyMonkey 评论0 收藏0
  • iframe+postMessage实现跨域通信

    摘要:前言需求背景最近开发管理系统,需要在本页面跳转到一个图片管理系统上传图片,上传成功后返回图片链接,然后返回管理系统,显示图片实现思路上传图片时,需要在本窗口跳转到图片管理系统,并且两个系统之间要通信考虑到两个系统是不同的端口号,存在跨域问题 前言 需求背景: 最近开发管理系统,需要在本页面跳转到一个图片管理系统上传图片,上传成功后返回图片链接,然后返回管理系统,显示图片 实现思路: ...

    Youngdze 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<