精华内容
下载资源
问答
  • 主要介绍了基于js判断浏览器是否支持webGL,文中通过示例代码介绍的非常详细,大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 一些网站只有客户端js的验证,这样就给一些hacher一些可趁之机了,不信大家测试一些网站的注册功能看看,部分网站只有客户端验证,我为了达到客户端验证,先是判断浏览器是否支持js,如果不支持,提示信息,然后屏蔽掉发送...
  • 介绍各大浏览器对CSS与JS支持情况以及很多的特性的实例!
  • 在项目中需要快速检测浏览器是否支持某CSS3特性,比如检测是否支持“transform”,然后我的布局会两种完全不同的版式。 当然除开本文介绍的这种快速方法,还有一种更有名和更通用的方法,那就是modernizr,运行...
  • 主要介绍了javascript检查浏览器是否支持flash的实现代码,需要的朋友可以参考下
  • 检测当前浏览器支持javascript版本
  • http://kangax.github.io/
    http://kangax.github.io/
    展开全文
  • 检测浏览器支持JavaScript版本

    千次阅读 2019-03-07 22:33:35
    <!DOCTYPE html> <html lang="en"> &...检测当前浏览器支持javascript版本</title> </head> <body> &
    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="utf-8">
    	<title>检测当前浏览器支持的javascript版本</title>
    </head>
    <body>
    	<SCRIPT LANGUAGE="JavaScript">jsver = "1.0";</SCRIPT>
    	<SCRIPT LANGUAGE="JavaScript1.1">jsver = "1.1";</SCRIPT>
    	<SCRIPT Language="JavaScript1.2">jsver = "1.2";</SCRIPT>
    	<SCRIPT Language="JavaScript1.3">jsver = "1.3";</SCRIPT>
            <SCRIPT Language="JavaScript1.4">jsver = "1.4";</SCRIPT>
    	<SCRIPT Language="JavaScript1.5">jsver = "1.5";</SCRIPT>
    	<SCRIPT Language="JavaScript1.6">jsver = "1.6";</SCRIPT>
    	<SCRIPT Language="JavaScript1.7">jsver = "1.7";</SCRIPT>
    	<SCRIPT Language="JavaScript1.8">jsver = "1.8";</SCRIPT>
    	<SCRIPT Language="JavaScript1.9">jsver = "1.9";</SCRIPT>
    	<script type="text/javascript">
    		document.write("<B>Your browser supports JavaScript version " + jsver + ".</B>")
    	</script>
    	<noscript>当前的浏览器不支持javascript</noscript>
    </body>
    
    </html>

     

    展开全文
  • 两天在做Web前端时,遇到需求通过js实现文本复制的功能,下面与大家分享下各浏览器对复制功能的支持情况,感兴趣的朋友可以参考下哈
  • 关于不同浏览器对于js toFixed 四舍五入临界值5的处理结果不同

    浏览器

    1.谷歌浏览器(55.0.2883.87 m)
    2.火狐浏览器(44.0.2)
    3.ie浏览器(11.545.10586.0)
    

    相关代码

        var num = 3.445;
        console.log(num.toFixed(2));

    执行结果

    1.谷歌 3.44
    2.火狐 3.44
    3.ie 3.45

    结论

    不同浏览器的js引擎对 四舍五入的边界值处理是不同的
    当进位判断数恰好是5 的时候 谷歌火狐 会执行舍去操作 ie会执行进位操作

    解决方案

    1.自己写方法处理特殊情况
    
                //浏览器兼容问题
            toFixed: function (num, s) {
                var times = Math.pow(10, s + 1),
                    des = parseInt(num * times),
                    rest = des%10;
                if (rest == 5) {
                    return ((parseFloat(des)+1)/times).toFixed(s);
                }
                return num.toFixed(s);
            }
    2.也可重写 Number.prototype.toFixed方法(重写方法自行查阅 处理逻辑同上)
    
    展开全文
  • 基准测试工具是一个用于在浏览器中跨不同node.js / io.js版本对JavaScript代码进行基准测试的工具。 要求 后端: -v0.10.0或更高版本 前端:任何支持WebSocket的现代浏览器 安装 npm install -g benchd 设定档 通过...
  • 浏览器查看PDF文件(JS)

    2018-04-09 11:05:33
    通过jQuery,可以在浏览器查看PDF文件,简单,易操作,
  • 浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。 解决方案:CSS里*{margin:0; padding:0;} 备注:这个是最常见的...

    常见的浏览器内核主要有四种

    Webkit内核、Presto内核、Trident内核、Gecko内核

    不同浏览器的标签默认的外边距和内边距不同

    问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。
    解决方案:CSS里*{margin:0; padding:0;}
    备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0;

    块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大

    问题症状:常见症状是IE6中后面的一块被顶到下一行
    解决方案:在float的标签样式控制中加入display:inline;将其转化为行内属性
    备注:我们最常用的就是div+CSS布局了,而div就是一个典型的块属性标签,横向布局的时候我们通常都是用divfloat实现的,横向的间距设置如果用margin实现,这就是一个必然会碰到的兼容性问题。

    设置较小高度标签(一般小于10px),在IE6,IE7,高度超出自己设置的高度

    问题症状:IE6,7和遨游里这个标签的高度不受控制,超出自己设置的高度。
    解决方案:给超出高度的标签设置overflow:hidden;或者设置行高line-height小于你自己设置的高度。
    备注:这种情况一般出现在我们设置小圆角背景的标签里。出现这个问题的原因是IE8之前的浏览器都会给标签一个最小默认的行高的高度。即使你的标签是空的,这个标签的高度还是会达到默认的行高。

    行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,IE6间距BUG

    问题症状:IE6里的间距比超过设置的间距
    解决方案:在display:block;后面加入display:inline;display:table;
    备注:行内属性标签,为了设置宽高,我们需要设置display:block;(除了input标签比较特殊)。再用float布局并有横向的margin后,在IE6下,他就具有了块属性float后的横向margin的BUG。不过因为它本身家就是行内属性标签,所以我们再加上display:inline的话,它的高宽就不可设了。这时候我们还需要在display:inline后面加入display:table

    图片默认有间距

    问题症状:几个img标签放在一起的时候,有些浏览器会默认的间距,加了问题一中提到的通配符也不起作用。
    解决方案:使用float属性为img布局
    备注:因为img标签是行内属性标签,所以只要不超出容器宽度,img标签都会排在一行里,但是部分浏览器的img标签之间会有个间距。去掉这个间距使用float是正确的(ps:不建议使用负margin,虽然能解决,但是负margin本身就是容易引起浏览器兼容问题的用法,所以禁止使用)。

    标签最低高度设置min-height不兼容

    问题症状:因为min-height本身就是一个不兼容的css属性,所以设置min-height时不能很好的被各个浏览器兼容
    解决方案:如果我们要设置一个标签的最小高度200px,需要进行的设置为{min-height:200px;height:auto!important;height:200px;overflow:visible;}
    备注:在B/S系统前端开时,有很多情况下我们又这种需求。当内容小于一个值(如300px)时。容器的高度为300px;当内容高度大于这个值时,容器高度被撑高,而不是出现滚动条。这时候我们就会面临这个兼容性问题。

    各种特殊样式的兼容,比如透明度、圆角、阴影等。

    特殊样式每个浏览器的代码区别很大,所以,只能现查资料通过给不同浏览器写不同的代码来解决。
    做兼容页面的方法是:每写一小段代码(布局中的一行或者一块)我们都要在不同的浏览器中看是否兼容,当然熟练到一定的程度就没这么麻烦了。建议经常会碰到兼容性问题的新手使用。很多兼容性问题都是因为浏览器对标签的默认属性解析不同造成的,只要我们稍加设置都能轻松地解决这些兼容问题。如果我们熟悉标签的默认属性的话,就能很好的理解为什么会出现兼容问题以及怎么去解决这些兼容问题。

    字体大小定义不同

    问题症状:对字体大小small定义不同,Firefox为13px,而IE为16px,差别比较大 
    解决方法:使用指定的字体大小如14px或者使用em

    光标手形

        问题表现:firefox不支持hand,但ie支持pointer
      解决方案:统一使用cursor:pointer;

    IE中的事件对象

    window.event
    和dom中的事件对象做对比:
    几个重要的方法和属性分别是:
    (1)事件类型:同为type属性;
    (2)事件作用目标:ie为srcElement属性;
    (3)阻止事件冒泡:ie为canceBubble属性;(设置为ture为阻止冒泡,false为允许);
    (4)阻止事件默认行为:ie为retureValue属性;(设置为ture为阻止,false是允许);
    同样通过判断浏览器的能力来选择使用哪一个事件对象;
    event对象在ie中和其他浏览器也不同:
    在ie中直接用window.event;
    其他浏览器中必须通过参数把event传过来。
    FF没有window.event对象。可以通过给函数的参数传递event对象。
    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
    ***event对象只在事件发生的过程中才有效。
    event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。
    ***firefox里的event跟IE里的不同,IE里的是全局变量,随时可用;firefox里的要用参数引导才能用,是运行时的临时变量。//event在ff中是临时变量,这表示可以换成任何其他符号
    在IE中可以运行,因为在函数中会有一个内置的event隐藏对象。
    但是在Firefox中,则内置event变量为空
    [javascript] view plain copy
    <input type="button" onmousemove="showDiv(event);"//event不需要加引号  
    function showDiv(event)  
    {  
        var event=window.event||event;  
        event.clientX;  
        event.clientY;  
    }  
    setAttribute('style','color:red;')
    FIREFOX支持(除了IE,现在所有浏览器都支持),IE不支持
    解决办法:不用setAttribute('style','color:red')
    而用object.style.cssText = ‘color:red;'(这写法也有例外)
    最好的办法是上面种方法都用上,万无一失

    类名设置

    setAttribute('class','styleClass')
    FIREFOX支持,IE不支持(指定属性名为class,IE不会设置元素的class属性,相反只使用setAttribute时IE自动识CLASSNAME属性)
    解决办法:
    setAttribute('class','styleClass')
    setAttribute('className','styleClass')
    或者直接 object.className='styleClass';
    IE和FF都支持object.className。

    建立单选钮

    IE以外的浏览器
    var rdo = document.createElement('input');
    rdo.setAttribute('type','radio');
    rdo.setAttribute('name','radiobtn');
    rdo.setAttribute('value','checked');

    IE:
    var rdo =document.createElement(”<input name=”radiobtn” type=”radio” value=”checked” />”);
    解决办法:
    这一点区别和前面的都不一样。这次完全不同,所以找不到共同的办法来解决,那么只有IF-ELSE了
    万幸的是,IE可以识别出document的uniqueID属性,别的浏览器都不可以识别出这一属性。问题解决。

    展开全文
  • xor-crypto的一个javascript实现版本,支持nodejs和浏览器
  • pdfjs,安卓可用。pdf预览。支持各种浏览器,包括ie 需要使用服务器预览效果。部署到tomcat,nginx或者使用HBuilder打开 都可预览。 也可通过url传递pdf路径加名称。 ...注:暂不支持跨域。只支持同域名访问。
  • mastodon.js:具有流支持的Web浏览器Javascript Mastodon API
  • 转自:... JS 各种引擎介绍 http://www.oschina.net/project/tag/296/javascript-engine ...不同浏览器有不同JS引擎: WebKit , Safari浏览器 ->SquirrelFish Extreme
  • 所以就需要我们在平时养成良好的编码习惯,尽量保证我们的代码能够适应不同浏览器的要求。  下面就把平时遇到的一些浏览器差异问题总结出来,千里之行,始于足下。虽然不能完全避免开发中浏览器兼容问题,但是
  • 使用Web套接字从Node.js或终端控制任何支持浏览器。 图标作者 该工具集使您可以访问 , 和的内部javascript API。 可以从命令行或任何节点应用程序中使用它们。 例如,以下命令创建一个新标签,其URL为 : ...
  • 浏览器在线预览文件(支持pdf、excel、ppt、doc、jpg、png格式) PS:excel、ppt、doc格式只支持公网地址,如:http://xxx/x.odc
  • 这通常意味着浏览器扩展,但从理论上讲,可能会一个支持的git托管服务。 git-html5.js也取决于 。 这表示目前仅适用于Chrome和Opera。 一个适用于Firefox的 ,但我尚未测试过是否可以在git-html5.js中使用 演示...
  • 各种浏览器开启JavaScript脚本

    万次阅读 2018-04-02 12:16:14
    1、IE浏览器开启JavaScript方法: 在IE界面菜单栏中“工具”中选择“Internet选项”–“安全”选项卡–选择“Internet”...2、360浏览器开启JavaScript方法: 在360界面菜单栏的“工具”中选择“360安全浏览器...
  • 检测浏览器支持js版本.rar检测浏览器支持js版本.rar检测浏览器支持js版本.rar检测浏览器支持js版本.rar检测浏览器支持js版本.rar检测浏览器支持js版本.rar
  • 一个简单的javascript库,用于检测浏览器是否空闲并执行操作。 安装 npm install @linkorb/idle 演示版 查看demo/目录以获取有关如何使用idle.js的演示+示例 如何使用 为了在您的应用程序中支持idle.js,您需要在...
  • javascript 解决浏览器支持的问题

    千次阅读 2018-07-26 09:18:30
    为了程序/代码的易读性,基本上每一种编程语言都注释的功能,javascript也不例外,javascript注释代码多种形式,本文章向大家介绍javascript注释代码的两种方法, javascript注释代码一般两种方法: 单行...
  • 手机电脑扫码识别JS源码。支持任意浏览器。内为例子。其他自行研究.
  • 目前支持javascript的几个主流的浏览器qian
  • Javascript导出excel为xlsx格式,兼容IE6+和主流浏览器,下载下来直接可以使用。 其他javascript导出excel插件可看作者文章:https://blog.csdn.net/qq_21693027/article/details/80459677
  • 支持对图片的操作处理包括鼠标滚轮放大缩小,图片旋转,图片的鼠标拖拽移动,图片下载,图片切换,全屏展示等功能 ###3:动态实时监控图片状态 当指定区域内图片发生添加或删除时可动态更新 ###4:多实例支持 在一个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 559,536
精华内容 223,814
关键字:

不同浏览器对js有不同支持吗