firebug

前言 有很多小伙伴在拿163作为登录案例的时候，发现不管怎么定位都无法定位到，到底是什么鬼呢，本篇详细介绍iframe相关的切换 以 http://mail.163.com/登录页面 10 为案例，详细介绍switch_to_frame使用方法. 一、frame和iframe区别 Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。 frame是整个页面的框架，iframe是内嵌的网页元素，也可以说是内嵌的框架 Iframe标记又叫浮动帧标记，可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入 的<Iframe></Iframe>所包含的内容与整个页面是一个整体，而<Frame>< /Frame>所包含的内容是一个独立的个体，是可以独立显示的。另外，应用Iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内 容的代码。 二、163登录界面 1.打开 http://mail.163.com/登录页面 10 2.用firebug定位登录框 3.鼠标停留在左下角（定位到iframe位置）时，右上角整个登录框显示灰色，说明iframe区域是整个登录框区域 4.左下角箭头位置显示iframe属性<iframe id="x-URS-iframe" frameborder="0" name=""

前言 抓取网页数据时使用HtmlAgilityPack分析，需要通过xpath定位页面元素。如果有个xpath的生成和验证工具就事半功倍了，火狐浏览器插件FirePath配合Firebug就能完美实现。 FirePath介绍如下： FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath 1.0 expressions, CSS 3 selectors and JQuery selectors.With FirePath you can: * Edit XPath expressions, CSS3 selectors and JQuery selectors (Sizzle selector engine) with auto completion for XPath (using TAB or up and down arrows). * Evaluate the expression/selector on any HTML or XML documents. * Display the result of evaluations in a Firebug-like DOM tree. * Highlight the results

简介 HTTP（Hyper Text Transfer Protocol）是超文本传输协议。它是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。 HTTP消息包括客户机向服务器的请求消息和服务器向客户机的响应消息。 HTTP是一个客户端和服务器端请求和应答的标准（TCP）。客户端是终端用户，服务器端是网站。通过使用Web浏览器、网络爬虫或者其它的工具，客户端发起一个到服务器上指定端口（默认端口为80）的HTTP请求。（我们称这个客户端）叫用户代理（user agent）。 浏览器和服务器信息交换过程： 1.建立连接 2.发送请求信息 3.回送响应信息 4.关闭连接 由HTTP客户端发起一个请求，建立一个到服务器指定端口（默认是80端口）的TCP连接。HTTP服务器则在那个端口监听客户端发送过来的请求。一旦收到请求，服务器（向客户端）发回一个状态行，比如"HTTP/1.1 200 OK"，和（响应的）消息，消息的消息体可能是请求的文件、错误消息、或者其它一些信息。 HTTP协议是一个无状态的协议 无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。

通过 $.ajax() 登录到站点后，我正在尝试向该站点发送第二个 $.ajax() 请求 - 但是当我检查使用FireBug发送的标头时，请求中不包含会话cookie 。 我究竟做错了什么？ #1楼 我遇到了同样的问题并做了一些检查我的脚本只是没有得到sessionid cookie。 我通过查看浏览器中的sessionid cookie值得出结论，我的框架（Django）默认使用HttpOnly传递sessionid cookie。 这意味着脚本无法访问sessionid值，因此不会将其与请求一起传递。 当很多东西使用需要访问限制的Ajax时，HttpOnly会成为默认值，这有点荒谬。 为了解决这个问题，我更改了一个设置（SESSION_COOKIE_HTTPONLY = False），但在其他情况下，它可能是cookie路径上的“HttpOnly”标志 #2楼 运用 xhrFields: { withCredentials:true } 作为我的jQuery ajax调用的一部分只是解决方案的一部分。 我还需要在我的资源的OPTIONS响应中返回标头： Access-Control-Allow-Origin : http://www.wombling.com Access-Control-Allow-Credentials : true 重要的是

遇到麻烦我认为是一个相对简单的jQuery插件... 该插件应该通过ajax从php脚本中获取数据，以向 <select> 添加选项。 ajax请求非常通用： $.ajax({ url: o.url, type: 'post', contentType: "application/x-www-form-urlencoded", data: '{"method":"getStates", "program":"EXPLORE"}', success: function (data, status) { console.log("Success!!"); console.log(data); console.log(status); }, error: function (xhr, desc, err) { console.log(xhr); console.log("Desc: " + desc + "\nErr:" + err); } }); 这似乎在Safari中运行良好。 在Firefox 3.5中，服务器上的 REQUEST_TYPE 始终为“OPTIONS”，并且不显示$ _POST数据。 Apache将请求记录为“OPTIONS”类型： ::1 - - [08/Jul/2009:11:43:27 -0500] "OPTIONS sitecodes.php HTTP/1.1

Firefox安装Selenium ide插件时提示：该附加组件无法安装 因为它似乎已损坏，如下图： 此时千万不要去想着这个插件有问题，可能是Firefox的版本问题。 在Firefox45之后的新版本安装插件时都要进行签名认证，未经验证的都不能安装。那么不要用新版本的Firefox就好了。 1. 安装45.0.2版本Firefox并修改其签名配置信息。 安装个45.0.2版本的，打开Firefox输入about:config， 点击“我保证会小心”进去后，搜索xpi，找到“xpinstall.signatures.required”，该值默认是true，双击该行将其值改为false，如下图： 下载45.0版本的Firefox，下载地址：https://ftp.mozilla.org/pub/firefox/releases/45.0/mac/zh-CN/ 45.0版本的Firefox可以正常安装firebug和firepath 来源： https://www.cnblogs.com/yrxns/p/10075577.html

WEB性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，如果谁有更好的工具也请一起分享下。 Firebug : Firebug 是firefox中最为经典的开发工具，可以监控请求头，响应头，显示资源加载瀑布图： HttpWatch : httpwatch 功能类似firebug，可以监控请求头，响应头，显示资源加载瀑布图。但是httpwatch还能显示GZIP压缩信息，DNS查询，TCP链接信息，个人在监控http请求比较喜欢使用httpwatch， httpwatch包含IE和firefox插件。不过httpwatch专业版本是收费的，免费版本有些功能限制。 DynaTrace's Ajax Edition ： dynaTrace 是本人常使用的1个免费工具，该工具不但可以检测资源加载瀑布图，而且还能监控页面呈现时间，CPU花销，JS分析和执行时间，CSS解析时间的等。 Speed Tracer : speed trace 是google chrome的1个插件，speed trace的优势点是用于监控JS的解析执行时间，还可以监控页面的重绘、回流，这个还是很强的(dynaTrace也能有这个功能)。 注：安装这个插件，需要安装 Google Chrome

我的HTML页面中有一个div。 我正在根据某些条件显示此div，但是div显示在指向鼠标光标的HTML元素后面。 我尝试了所有0-999999的z-index值。有人可以告诉我为什么会这样吗？ CSS的Z-INDEX属性是否有最小值或最大值？ .divClass { position: absolute; left: 25px; top: 25px; width: 320px; height: 300px; z-index: 1000; } <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td> <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink> </td> </tr> <tr> <td> <div class="divClass"> Some Data </div> </td> </tr> </table> 我正在使用jQuery通过 <asp:hyperlink> 显示和隐藏带有 .divClass onclick的div。 #1楼 它是32位整数的最大值：2147483647 另请参阅文档： https : //www.w3.org/TR/CSS22/visuren.html#z-index （允许使用负数） #2楼 虽然 INT

screenX / Y ， clientX / Y 和 pageX / Y 什么 pageX ？ 另外，对于iPad Safari，计算结果是否与台式机相似？还是因为视口而有所不同？ 如果您能指出一个例子，那就太好了。 #1楼 pageX / Y 给出相对于CSS像素中 <html> 元素的坐标。 clientX / Y 以CSS像素给出相对于 viewport 的坐标。 screenX / Y 以设备像素为单位给出相对于 screen 的坐标。 关于您的最后一个问题，在台式机和移动浏览器上计算是否相似...为了更好地理解-在移动浏览器上，我们需要区分两个新概念： 布局视口 和 可视视口 。 可视视口是页面上当前显示在屏幕上的部分。 布局视口是在桌面浏览器上呈现的整个页面（包括在当前视口中不可见的所有元素）的同义词。 在移动浏览器中， pageX 和 pageY 仍相对于页面以CSS像素为单位，因此您可以获得相对于文档页面的鼠标坐标。 另一方面， clientX 和 clientY 定义相对于 可视视口 的鼠标坐标。 关于可视化视口和布局视口之间的区别，这里还有另一个stackoverflow线程： 可视化视口和布局视口之间的区别？ 另一个很好的资源： http : //www.quirksmode.org/mobile/viewports2.html #2楼 这是一张图片，解释

我们经常在JavaScript代码中使用以下代码模式 if (typeof(some_variable) != 'undefined' && some_variable != null) { // Do something with some_variable } 有没有更冗长的检查方法具有相同的效果？ 根据一些论坛和文献的说法，简单地讲，以下应该具有相同的效果。 if (some_variable) { // Do something with some_variable } 不幸的是，当未定义 some_variable 时， Firebug some_variable 这样的语句评估为运行时错误，而第一个语句就可以了。 这仅仅是Firebug的一种（有害的）行为，还是这两种方式之间确实存在一些区别？ #1楼 我认为测试“值是否为 null 或 undefined ”的最有效方法是 if ( some_variable == null ){ // some_variable is either null or undefined } 因此，这两行是等效的： if ( typeof(some_variable) !== "undefined" && some_variable !== null ) {} if ( some_variable != null ) {} 注1