我们如何使用IE 8调试JavaScript?
在更新IE 8后,使用Visual Studio进行的JavaScript重新编译无效.
我习惯于在Chrome或Firefox中调试JavaScript,因为他们内置的开发人员工具比IE更清晰.随着开发者工具更加精致,IE8也随之而来,但它们仍然没有完全符合要求.我喜欢能够像在Visual Studio中那样单步执行代码,但是,当我尝试在Firefox/Chrome /等的对象上创建一个简单的console.log时,IE非常好.我实际上可以探索那个对象.
在IE中,控制台只是输出以下内容:
日志:[对象]
有没有办法在IE浏览器中深入查看该对象,如Chrome/Firefox /等?
我开发了工作D3驱动的图表,就所有其他浏览器而言,没有问题.
但最近在Internet Explorer 8中也需要支持它们.
但到目前为止,我无法在IE8中进行此html显示.
这些是D3中使用的标签:
<svg> <path> <g> <line> <circle> <rect>
Run Code Online (Sandbox Code Playgroud)
在过去的6个小时里,我浏览了很多材料和问题,包括:
" 在IE8中显示内联SVG ",其答案从2012年10月开始:
我也一直在研究这个问题,并提出了许多选择.
Chrome Frame - 一个实际上在底层使用chrome的浏览器插件,这意味着SVG正常运行.如果您能够将插件部署到浏览器,对于真实的商业环境,这是非常好的,但这可能是不可能的.
SVG Web - 目的是为所有浏览器带来SVG.它看起来像一个相当大的项目,有一个谷歌的输入.然而,这并不是开箱即用的D3虽然我对这些问题知之甚少.
D34Raphael - 你已经提到了这个,我再次发现它没有开箱即用.在GitHub上检查项目,几个月内没有任何提交活动,并且有一些拉取请求"首先试图获得对事件绑定所需的.on()的支持".如果它不支持事件,那对你来说是个问题吗?我一般都会远离这个.
R2D3 - 你提到的另一个.我从D3网站上获取了Sankey示例,并且必须进行一些更改才能使其正常工作.我无法工作的主要事项(拖动事件,组 - 虽然可以使用替代方案).花了大约一天的时间才能让这个例子在IE8中工作,我相信它处于可用的状态.GitHub上的项目也更加活跃,开发人员承诺,拉动工作并积极参与讨论等.这得到了我的投票.
也:
wikipedia.org/wiki/Scalable_Vector_Graphics
但是使用客户端插件的解决方案是不可接受的,到目前为止看起来我无法在IE8中显示svg.所以解决方案是找到一些其他方法来渲染矢量图.我认为其他人也有同样的问题
编辑:
无论哪种方式,在我之后会遇到同样问题的人至少会有一些集中的材料并且会意识到没有简单/真实的解决方案来在IE8上显示svg并且更好地花时间从现有代码重写/调整非-svg版本
编辑:
经过一些测试,我会说它值得尝试通过R2D3示例,看看它是否有可能简化/执行IE8中的代码
编辑:
在分别测试不同元素的过程中,似乎出现了一些r2d3问题
最常见的是Invalid参数,Object不支持此属性或方法
因为我不习惯为IE8开发,所以我发现了一些有用的提示:
如何在IE8的开发人员工具中查看Javascript对象?在WebKit和Firebug中,我可以在控制台上发出一个返回一个对象的命令,它会向我显示一个我可以导航的对象树.在Internet Explorer中,我得到的是:
>>getSelection();
{...}
Run Code Online (Sandbox Code Playgroud)
有没有办法在IE8的开发人员工具中获得类似的树视图,我缺少,或者我应该尝试使用其他东西(可能是Firebug Lite?)?