在浏览器中调剂web页面,浏览器中

View Code

图片 1

    function init() {

        alert('a');

        window.onresize = function() {

            init();

        }

    }

    init();

 图片 2
其他的调节工具:
Firefox, Opera, Safari 和Chrome
厂家都提供本人的web调试工具,和firebug界面及操作方法丹东小异,这里不再做特其余辨证。
IE也有友好的调试工具IEWebDeveloper,不过作用绝对而言弱了过多,在ie6,7索要单独设置,而在ie8和ie9被重组经来,叫做“开发人员工具”。当页面被刷新后,须求人工手动的点击第4个按钮刷新。

我想我在缓解那个问题时耍了少数聪明,至少想要从根本上也就是在 Chrome
浏览器打开时就不准 onresize
事件是不容许的。所以自己加了一个窗口宽度作为对照,那样就足以有限辅助 init()
函数只举办五回。在那里还有一个小意思,我最初用的是高度相比较,可是不了解干什么三个惊人值存在错误,大家可以将大幅度改为中度测试一下,希望明白那一个小意思的爱侣告诉自己。

小编“原创专业的博客,分享自己点滴”
 

    function init() {

        var width = window.innerWidth;

        alert('a');

        window.onresize = function() {

            var width2 = window.innerWidth;

            if (width != width2) {

                init();

            }
        }

    }

    init();

图片 3

最后贴一下自身的插件地址
https://github.com/nzbin/CardShow,我在之前的篇章中也介绍了该插件中任何的有的难题,感兴趣的情侣可以点此查看

深信不疑广大人都蒙受过以下多少个难点:
为了调整页面某个元素的拉长率或可观到最适合值,在ide中修改css或者html再刷新浏览器,重复上述修改步骤不下20次;
为了修改html,先在ide修改后在刷新浏览器,重复上面步骤不下10次。
为了得到javascript执行中的某个变量在javascript中调用很多次alert函数;
为了监控mouse事件,制造一个div,通过javascript在div中写一些html;
愈多更加多的题材…
假诺您遇见过地点的标题,那么本文能帮你解决上述所有的难点,从而使您将越来越多的生命力投入到别的工作中。
本文中分成3部分,第一有的:调试工具介绍,详细介绍了现阶段风靡的种种浏览器的调剂工具;第二片段:firebug的运用;第三部分:ie调试工具的运用。
 
若是急需缓解上述难点,那么大家只可以介绍大家的顶梁柱firebug (主页
)。firebug是火狐(firefox)
浏览器的极端强大、使用最为常见的一款支付插件。
firebug安装(firefox浏览器)
在firefox中打开https://addons.mozilla.org/zh-CN/firefox/addon/firebug/,当前最新版本为1.8.1,选择“添加到火狐”,安装完毕后需要重启下火狐浏览器。
 
firebuglite安装(非firefox浏览器)
firebug也可用在其余浏览器中(如:IE6+, Firefox, Opera, Safari and
Chrome)。

世家可以活动测试,在 Chrome 中会弹出两遍 alert,而其余浏览器只会弹出两遍alert,因为 Chrome 浏览器打开时就实施了 onresize
事件。所以现在要化解的标题就是什么样让 init() 函数在 Chrome
浏览器打开时只举办三次。

火狐中firebug界面:

图片 4图片 5

图片 6

这么些标题看似容易却很伤脑筋。因为唯有打开浏览器时才会有这几个bug,某种程度上属于非亲非故首要的标题。原本打算放掉那一个标题,但是我是追求称心如意的人,遭逢难点总会想尽办法解决。容我感慨一句,很多难点就如脑筋急转弯,转个弯就能缓解。好了,废话不多说,直接贴代码,依据我从前的做法,我要么先将代码折叠起来,请我们以相好的点子解决一下,或许比自己的主意更好,欢迎留言。

使用极度简单,下载Firebug Lite
当前时尚版本为1.3。在急需调剂的页面的head中进入:
Js代码 
<script type=”text/javascript”
src=”/local/path/to/firebug-lite.js”></script> 
 
firebug启用及界面介绍
火狐中在页面任意地方,右键,在弹出的菜单中接纳“查看元素”;或者在右下角附加工具栏中也能找到firebug的开行按钮。

图片 7

http://www.bkjia.com/Javascript/507874.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/507874.htmlTechArticle相信很多人都遇到过以下几个问题:
为了调整页面某个元素的宽度或可观到最适合值,在ide中修改css或者html再刷新浏览器,重复上述修改步…

本人在写插件时用到了 onresize 事件,在反复地测试后意识该事件在 Chrome 及
Opera(内核基本与 Chrome 相同,以下统称
Chrome)浏览器打开时就会实施,那种景观或许不可能算作 bug
吧,猜测他们的工程师认为浏览器打开时也算窗口发生了变更。解决难点从前自己查找了有关内容,确实有至于
Chrome 的 onresize
的难点,但跟自己碰着的题材还有很大不相同。我把这一个标题抽象为以下函数:

firebuglite在IE下的界面: