returnValue of Chrome

说实话,我一看到这个returnValue就有点反感,感觉这个就是IE式的老套的用法,因为项目中有用到就了解了下,以下主要是一些我的理解和发现吧. PS:returnValue是window的属性,showModalDialog和open是window的方法. returnValue是与showModalDialog搭配使用的,showModalDialog用于打开窗口,与open类似效果,但通过showModalDialog打开窗口时有如下特点: 打开窗口后,将不能再操作父窗口了(正常情况下,…

chrome中showModalDialog解决方案

调用myShowModalDialog function myShowModalDialog(url, width, height, callback) { if(window.showModalDialog) { if(callback) { var rlt = showModalDialog(url, '', 'resizable:no;scroll:no;status:no;center:yes;help:no;dialogWidth:' + width + ' px;dialogHeig…

onbeforeunload事件兼容性操作

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <script> // firefox 47.0.1 不兼容 window.onbeforeunload = function (e) { e = e || window.event; // 兼容IE…

Chrome不支持showModalDialog模态对话框和无法返回returnValue的问题

父窗体部分js代码: var returnValue = window.showModalDialog("son.html ", window); //for chrome if (returnValue == undefined) { returnValue = window.returnValue; } 子窗体部分js代码: if (window.opener != undefined) { //for chrome window.opener.returnValue = &quo…

【转载】showModalDialog returnValue is undefined in Google Chrome

showModalDialog returnValue is undefined in Google Chrome Posted on August 22, 2012by briancaos For some reason, when using a Javascript showModalDialog from an ASP.NET project, Google Chrome will return an empty (“undefined”) returnValue. This error…

JavaScript自定义浏览器滚动条兼容IE、火狐和chrome

今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css只能是改变IE浏览器的颜色,而且CSS不能做到改变火狐浏览器的样式和颜色.所以只能是通过JavaScript来实现了.也有插件可以做到.我分享一下我自己使用原生JavaScript实现的思路.先上个图看下效果: JavaScript实现的思路就是模拟浏览器自身滚动条.我制作的思路是先将整个文档放在一…

[No000080]右键解锁增强Chrome插件开发，破除防复制

昨天用360极速(虽然我不喜欢360.)浏览器,登陆知乎查阅一些东西,突然感觉有些观点很赞同,想copy转载一下,我了个去,它丫的居然不让我复制. 地址:https://www.zhihu.com/question/19748408 不过,这个简单啊.很多方法可以实现"丫的就要copy你",更何况,360插件不少呢,于是我试了Enable Copy,Allow Right Click等著名解除防复制的插件,TMD居然都破不了!!于是,自己动手丰衣足食啊. 以前没写过chrome插件,怎…

Javascript操作剪切板数据（支持IE、Chrome、360、搜狗），亲测！

clipboarddata只能在IE浏览器中使用,在chrome下会提示对象未定义!以下的方法支持IE.Chrome.360.搜狗等浏览器,其它浏览器还未验证. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">…

js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)

转自:http://blog.csdn.net/itchiang/article/details/7769341 添加事件 var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else if (obj.attachEvent) { obj["e"+type+fn] = fn; obj.attachEvent( &qu…

从Chrome源码看JS Array的实现

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .crayon-line span::after { content: " " } p { font-size: 15px; text-indent: 2em } #colorbox.crayon-colorbox,#cboxOverlay.crayon-colorbox,.crayon-colorbox #cboxWr…

javascript 禁止页面选取-兼容IE、Chrome和firefox浏览器

在做到一个页面需要禁止网页内容被选取的时候,碰到浏览器兼容的问题,解决方法如下 1.单独使用适用于IE.Chrome浏览器,主要是在head的<script>标签里面加上如下代码 document.onselectstart = function (e) { return false; } 或者 document.onselectstart = new Function('event.returnValue=false;'); 如果禁止鼠标右键,可以加上如下代码 document.oncont…

Chrome Command API

Chrome Command API 参考 Chrome开发工具已经强大得令人发指了,除了可通过UI操作的各种功能外,还提供了基于控制台的命令行方法,极大地方便了开发调试.现在就来领略下Chrome Command API 的风骚. $_ 返回控制台最近计算的表达式的值. > 2+ 2 4 > $_ 4 > $0 - $4 返回在Elements面板最近选择的5个DOM元素(或者Profiles面板里选择的JavaScript对象). $选择器有木有很熟悉?对了,jQuery也用这个.…

解决chrome浏览器无法得到window.showModalDialog返回值的问题

父页面处理: function ProductList() { var TypeID = window.document.getElementById("Type").value; var returnvalues = window.showModalDialog('ProductList.aspx?Type=' + TypeID,'window','dialogWidth=700px;dialogHeight=680px'); if(returnvalues!=unde…

禁止鼠标点右键 - 防止刷新页面 - 禁止复制 chrome 和 firefox不能复制

document.oncontextmenu = function () {//点右键,啥反应都没有了 return false; } document.onkeydown = function () { // ctrl+c 也没有用了,只对ie有效.firefox和chrome不行 if (event.ctrlKey && event.keyCode == 67) { return false; } //防止刷新页面 var k = event.keyCode; if ((event.c…

FF,chrome与IE的事件处理程序

今天学习了js的事件处理程序,IE与FF,chrome,safari,opera的处理事件方法不同,FF,chrome,safari,opera支持addEventLisener,而addEventListener是属于DOM2定义的函数,IE不支持DOM2,因此要想实现跨浏览器的事件处理,需要针对IE与FF,chrome,safari,opera进行不一样的处理. 1.事件流首先要记录的就是事件流了,事件流有三个阶段,事件捕获阶段.处于目标阶段和事件冒泡阶段.处于目标阶段,其事件处理中被看成…

高版本chrome不再支持window.showmodaldialog 的临时替换方案【用window.open】

接管别人的项目,因开发时用了showmodaldialog 导致最近很多用户chrome升级到最新之后就无法弹窗了.原因是新版chrome[37+]不再支持showmodaldialog. showmodaldialog 并不是W3C标准内的方法,起源于IE, 当是低版本的firefox也是不支持的,后来不知怎么了又纳入了这个方法.貌似opera和safari都不支持.随着web标准的日益规范化,估计Firefox 和 IE都不会再支持它了.所以建议经常使用它做数据交互的同学可以抛弃它了,改用…

关于 Chrome 浏览器中 onresize 事件的 Bug

我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏览器打开时就会执行,这种情况也许不能算作 bug 吧,估计他们的工程师认为浏览器打开时也算窗口发生了变化.解决问题之前我搜索了相关内容,确实有关于 Chrome 的 onresize 的问题,但跟我遇到的问题还有很大不同.我把这个问题抽象为以下函数: function init() { alert('a'); window.onresiz…

Chrome出了个小bug：论如何在Chrome下劫持原生只读对象

Chrome出了个小bug:论如何在Chrome下劫持原生只读对象概述众所周知,虽然JavaScript是个很灵活的语言,浏览器里很多原生的方法都可以随意覆盖或者重写,比如alert.但是为了保证网页的安全性和网页制作者的一定控制权,有些浏览器对象是无法更改的,比如"window.location"对象,或者对它们的更改是无效的,比如"window.navigator"对象.然而,最近我发现Chrome出现了一个小"bug",在Chrome…

15个关于Chrome的开发必备小技巧[译]

谷歌Chrome,是当前最流行且被众多web开发人员使用的浏览器.最快六周就更新发布一次以及伴随着它不断强大的开发组件,使得Chrome成为你必备的开发工具.例如,在线编辑CSS,console以及debugger这些常用的调试技术,或许你已经了解.在本篇文章中,我们将介绍15个炫酷且实用的技巧,这将更快的提高你的开发效率. 该篇博客原文地址:http://www.cnblogs.com/giggle/p/5966991.html 一.快速查找文件如果你使用过Sublime,那么你会知道’Go…

动手做第一个Chrome插件

Chrome插件是令人惊讶的简单,一旦你弄懂它的工作和实现原理.它是由一部分HTML,一部分Js,然后混合了一个叫做manifest.json的Json文件组合而成的整体.这意味着你可以使用你最擅长的js框架去实现它. 如果你还是一个Chrome插件的新手并且想尝试写一个的话,下面的文章将会带领大家并且尝试让大家理解Chrome插件的工作机制.这篇文章将会讲述每一块架构,以及相互之间的联系和插件的一般化形式. 架构 Chrome插件中的文件大体上可以分成2部分:Chrome插件中确确实实存在的文…

Postman接口调试神器-Chrome浏览器插件

首先大家可以去这个地址下载 Postman_v4.1.3 这个版本,我用的就是这个版本 http://chromecj.com/web-development/2014-09/60/download.html 下载完以后以后加压大概就是这个模样,其中.crx是我们要执行的文件,红色框里的叫私有秘钥文件此时不能直接拖拽到谷歌浏览器的扩展程序界面,如果你直接把.crx文件拖拽到扩展程序的界面会有如下错误提示,说只能通过谷歌浏览器的网上应用商店添加该程序,为什么会出现该情况呢? 是因为自 Chro…

解决“chrome提示adobe flash player 已经过期”的小问题

这个小问题也确实困扰我许久,后来看到chrome吧里面有人给出了解决方案: 安装install_flash_player_ppapi, 该软件下载地址:http://labs.adobe.com/downloads/flashplayer.html 下载windows的第三个. 然后刚刚看到chrome新版本将html5取代flash成为默认选项...那以后是不是就没有flash播放器了?…

Chrome代码下载及编译

2-3年前在做客户端开发时,看过CHROME的一部分代码,主要是BASE库相关的.其项目之大,编译时间之长给我留下了深刻的印象. 3年后的最近,想着再读一下其他部分的代码,所以就对其纠结的下载和编译过程做下总结. 网上的一些文章都是比较过时的,按照那些文章的做法基本没啥戏.其实,仔细阅读chromium中关于Get Source Code页面的说明就能开耍了.现在的整个流程要比之前的流程感觉清晰多了. 我的环境是WIN7 SP1 + VS2013 UPDATE4.最新的chrome代码引入了一些…

chrome拓展开发实战：页面脚本的拦截注入

原文请访问个人博客:chrome拓展开发实战:页面脚本的拦截注入目前公司产品的无线站点已经实现了业务平台组件化,所有业务组件的转场都是通过路由来完成,而各个模块是通过requirejs进行统一管理,在灰度测试时会通过grunt进行打包操作,虽然工程化的开发流程已经大大提升了效率,但是为了满足不同平台在任意业务入口页面一键注入业务脚本即可进行测试的实际需求,团队尝试通过chrome拓展来进行实现.由于我本人是第一次开发chrome拓展插件,所以开发的过程中遇到不少坑,某些功能的实现方式也未必是最…

Chrome插件（Extensions）开发攻略

本文将从个人经验出发,讲述为什么需要Chrome插件,如何开发,如何调试,到哪里找资料,会遇到怎样的问题以及如何解决等,同时给出一个个人认为的比较典型的例子——获取网页内容,和服务器交互,再把信息反馈给用户.OK,准备开始吧,我尽量把文章写得好看点,以免读者打瞌睡. 目录为什么需要为什么是Chrome 需要准备什么如何开始 Page Action Chrome插件结构学习资料我的例子调试调试Content Scripts 调试Background 调试Popup 一些问题总结为…

Chrome 控制台不完全指南

Chrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效: 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log,但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理. 他们功能区别不大,意义在于将输出到控制台的信息进行归类,或者说让它们更语义化. 各个所代表的语义如下: console.…

解决浏览器Chrome net::ERR_BLOCKED_BY_CLIENT

问题: 开发的公司内部后台应用页面显示异常,获取不到资源 F12 提示 net::ERR_BLOCKED_BY_CLIENT 很困惑,用Chrome打开页面就异常,IE什么的就没问题- 原因:广告拦截插件(我这儿是Adblock Plus,也可能是其他插件-全家桶系列什么的-) 解决:把域名添加到白名单…

Chrome调试手机页面

新开发的网页需要在手机或是模拟机上运行测试,如果手头事件比加紧,那么可以借助 Chrome提供的手机网页预览程序进行简单调试.查看制作的网页是否能够适合各种手机型号使用. 下面所以下如何使用Chrome调试多类型手机网页. 首先下载Chrome 浏览器. 在你要调试的网页或是本地页面中.按F12 打开调试器. 工具/原料 Chrome浏览器方法/步骤打开仿真面板.如图所示: 可以在 Device 选择设备. 可以在Screen 设置模拟的屏幕方面的东西,设置分辨率,屏幕尺寸.…

Chrome浏览器Cookie解密

做过 web 开发的都知道:浏览器会把重要的认证登录认证信息存放到 cookie 中,在 cookie 有效期内,再次访问这个网站的时候就可以直接从 cookie 中获取到登录信息,这样就可以实现自动登录.但仅仅知道知道这些肯定不能满足很多人的旺盛的求知欲,那么我就 mac 系统下的 Chrome 浏览器 cookie 来做一次深入的讲解. 在mac操作系统下,Chrome 浏览器的cookie文件路径是 ~/Library/Application Support/Google/Chrome/D…