新版本的浏览器中, 因为安全原因,js不能关闭非js打开的页面。比如如果是手动输入url打开的页面,js就没有权限关闭这个页面。

但是可以通过chrome插件来实现这个目的。不过应用场景就仅限于安装了插件的浏览器。通常适合本地演示的时候使用。

示例源码下载:

https://github.com/jdk137/learningChromeExtension/tree/master/src/webRequestBlocking

大家可以下载安装链接中closeTab文件夹的插件,

然后,打开test.html进行测试。

前端页面中调用下面的函数即可。

    function closeWindow () {  var x = new XMLHttpRequest();x.open('GET', 'https://mock_didi_project.com/');x.send();// $.get('https://mock_didi_project.com/', function () {});}

插件的原理是劫持特定地址的ajax请求,如果发现该地址的请求,就关闭当前页面。

js关闭当前页面,chrome插件方式相关推荐

  1. chrome close js 关闭当前页面

    Chrome浏览器如何调用js关闭当前页面 Ext.Ajax.request({url: "Logout.aspx",params: {tag: "logout" ...

  2. js关闭当前页面/关闭当前窗口/移动端 代码

    原创地址:js关闭当前页面/关闭当前窗口/移动端 代码 function close(){ var userAgent = navigator.userAgent; if (userAgent.ind ...

  3. JAVA怎么实现网页退出系统_java后台实现js关闭本页面,父页面指定跳转或刷新操作...

    关闭本页面,跳转到百度 response.setCharacterEncoding("gbk"); PrintWriter out=response.getWriter(); ou ...

  4. Js关闭当前页面/窗口(兼容浏览器问题)

    js关闭当前页面/窗口(兼容浏览器问题) 在js中window.close()函数是关闭当前页面的函数,但是要做到兼容所有浏览器实现关闭当前窗口并不是直接使用window.close()函数就可以解决 ...

  5. js关闭当前页面刷新父页面

    一.页面执行流程说明: 1.点击父页面a.html的"点我打开新窗口"按钮-->弹出新窗口(b.html) 2.关闭弹出的新窗口b.html-->刷新父页面a.html ...

  6. js关闭当前页面跳转新页面

    页面代码: 1 <p class="info"><span style="font-weight: bold">所属项目:</sp ...

  7. js关闭当前页面(窗口)的几种方式总结

    1. 不带任何提示关闭窗口的js代码 代码如下: <a href="javascript:window.opener=null;window.open('','_self');wind ...

  8. js关闭当前页面(窗口)的几种方式

    1. 不带任何提示关闭窗口的js代码 代码如下: <a href="javascript:window.opener=null;window.open('','_self');wind ...

  9. 使用React.js开发自己的Chrome插件

    文章目录 1.配置环境 2.最简项目 3.修改内容 1.配置环境 先安装nodejs,下载地址:下载 | Node.js 然后打开node命令行: 更改更新源: npm config set regi ...

最新文章

  1. 用linux集成电路版图设计,集成电路版图设计 [陆学斌 主编] 2012年版
  2. 简单易懂的现代魔法——Play Framework攻略4
  3. 径向基RBF(radial basis function)函数、RBF神经网络、 反推(back-stepping)控制
  4. IDEA启动项目:找不到或无法加载主类
  5. 标记页面区分渠道php,PM必懂的前端知识
  6. 字符指针(子串个数统计)
  7. ef 数据迁移mysql_Windows下重装xampp并做MySQL数据迁移的步骤
  8. kafka集群 kubernetes_为什么 Kubernetes 如此受欢迎?
  9. Windows Phone开发的十几篇文章(待续)
  10. iOS 应用的启动流程和优化详解
  11. linux运维工程师做些什么-肤浅篇
  12. Axure|【民宿】民宿APP原型
  13. srm 592 div 2
  14. 记一次Maximo移动端app报错的原因
  15. 公寓做网络管理300多个房间,怎么做?
  16. 电子邮箱怎么填写正确格式?企业邮箱开通格式填写技巧
  17. 二叉树的讲解《二》(二叉树实现堆)
  18. Android Studio2.0 教程从入门到精通MAC版 - 安装篇
  19. 关于关于高博3d2d程序报错的改动
  20. jquery 自动触发事件tigger()

热门文章

  1. private static final long serialVersionUID是什么意思
  2. 关于网站策划工作的分析
  3. 企业首次建设网站的策划方案与网站改版方案之间有哪些区别和联系
  4. 【网络】访问网站的完整流程
  5. Android Studio上方便使用butterknife注解框架的偷懒插件Android Butterknife Zelezny
  6. 论文笔记 | 谷歌 Soft Prompt Learning ,Prefix-Tuning的 -> soft promt -> p tuning v2
  7. CentOS下unzip出现错误的解决办法
  8. FME写入Excel数据时写到模板文件指定位置
  9. redis常用命令行
  10. TOM随心邮是什么?具体是如何用微信收发邮件的?