有些网页有省份和城市的连动信息,可以使用下面的javascript代码,在firebug中执行,得到文本信息,而不用去查看源代码,再一个一个的抽取出来。
var options0=$('mProvinceId').options;
var provinces=[];
for(var i in options0){
if(options0[i]&&options0[i].text)
provinces.push(options0[i].text);
}
var s0="";
for(var l in provinces){
s0+='"'+provinces[l]+'":{},'
}
console.log(s0);
var options=$('mCityId').options;
var cities=[];
for(var j in options){
if(options[j]&&options[j].text)
cities.push(options[j].text);
}
var s1="";
for(var m in cities){
s1+='"'+cities[m]+'":,';
}
console.log(s1);
//mTownId
var options2=$('mTownId').options;
var towns=[];
for(var k in options2){
if(options2[k]&&options2[k].text)
towns.push(options2[k].text);
}
console.log(towns);
分享到:
相关推荐
FireBug 插件使用教程 FireBug 是一款功能强大的 Web 开发工具,可以实时编辑、调试和监测任何页面的 CSS、HTML 和 JavaScript。本文主要是为初学者介绍 FireBug 的基本功能与如何使用 FireBug。 一、安装 FireBug...
标题中的“IE中使用Firebug”指的是在Internet Explorer(IE)浏览器中利用Firebug这一强大的开发者工具进行网页调试和分析的技术。Firebug原本是Firefox浏览器的一个扩展,但这里提到的是在IE环境下的一种类似功能...
Firebug会在Script面板底部的Console区域显示JavaScript运行时的错误和警告信息,帮助开发者定位问题所在。 5. **性能分析** 使用Firebug的Profiler功能,你可以分析JavaScript函数的执行时间,找出代码中的性能...
火狐下firebug使用的相关视频。因文件较大分成了3部分,这是第一部分。
【Firebug的使用教程详解】 Firebug是一款专为Firefox浏览器设计的强大开发工具,它提供了对HTML、CSS、JavaScript以及DOM的深度调试功能,是Web开发者不可或缺的利器。Firebug不仅适用于Firefox,还支持其他主流...
Javascript的调试利器:Firebug使用详解 分类: JavaScript2007-09-02 13:2086686人阅读评论(75)收藏举报 Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我...
- CSS面板得到了增强,可以显示行内样式和计算样式,并且可以更容易地编辑和应用CSS规则。 - JavaScript调试器加入了断点条件,使得在满足特定条件时暂停脚本执行成为可能。 - 代码覆盖率工具帮助开发者识别未被...
这个文件可能是包含使用说明或者版本信息的文字文件,解压后查阅该文件将有助于了解如何安装和使用不同版本的Firebug。 7. **"firebug"**: 这个文件可能就是Firebug的安装包或存档,包含了各个版本的Firebug插件...
4. 控制台输出:使用`console.log()`等方法在控制台打印信息,用于跟踪代码执行过程。 四、最佳实践 1. 利用Firebug分析性能:通过查看网络请求和CPU使用情况,优化代码以提高页面加载速度。 2. 使用Firebug学习...
Firebug控制台包含两个主要区域:功能区和信息区。功能区的标签(如HTML、CSS、Script等)决定了信息区显示的内容。Options选项、搜索框的搜索方式也会根据所选标签有所不同。 ### Firebug主菜单功能 - “Disable ...
以下将详细介绍如何使用Firebug进行调试: 1. **查看和编辑HTML元素及CSS** - 安装Firebug后,可通过浏览器底部的小虫图标或F12快捷键打开它。 - 在Firebug中选择“查看”选项,然后点击页面上的元素,Firebug会...
### Firebug 使用教程详解 #### 一、简介与安装 **Firebug** 是一款非常流行的 Web 开发辅助工具,主要用于 Firefox 浏览器。这款工具能够帮助开发者在 Web 页面上实时进行 CSS、HTML 和 JavaScript 的调试及修改...
JavaScript控制台是FireBug的核心部分之一,它允许开发者执行单行JS代码、查看错误信息、追踪函数调用栈。此外,它还能显示AJAX请求和响应,方便开发者调试异步代码。 **4. DOM操作** DOM面板让你可以直接查看和...
4. **Firebug功能区和信息区** - 功能区包括不同的标签,如"HTML"、"CSS"、"Script"、"DOM"等,切换标签可以查看和操作相应的内容。 - 信息区根据所选功能区标签展示详细信息,例如HTML源代码、CSS样式、脚本执行...
3. **控制台输出**:FireBug的控制台面板可以显示JavaScript的运行日志,包括警告、错误信息以及自定义的console.log()输出。这对于跟踪代码执行过程和调试错误非常有帮助。 4. **DOM查看**:通过DOM面板,你可以...
【Firebug的安装与使用详解】 Firebug是一款针对Mozilla Firefox浏览器的强大开发工具,它整合了HTML查看和编辑、JavaScript控制台、网络状况监控等多种功能,是网页开发者和XML调试者不可或缺的工具。作为Firefox...
在实际工作中,HTTPWatch和Firebug常常结合使用,以获取更全面的网页性能分析和调试信息。例如,HTTPWatch可能更适用于服务器端的HTTP分析,而Firebug则侧重于前端开发者的网页元素和脚本调试。两者结合,可以有效地...
标题“firefox_firebug”指的是Firefox浏览器与Firebug插件的组合使用。Firebug是一款历史悠久且功能强大的网页开发者工具,它最初是为Firefox浏览器设计的,允许用户对网页的HTML、CSS、JavaScript等进行实时编辑、...
无论是使用Firebug的老手,还是初涉Web开发的新手,都可以通过Firefox的内置工具高效地进行前端调试和优化。在不断变化的Web开发环境中,掌握这些工具的使用技巧,对于提升开发效率和解决问题至关重要。