html tool

2015年3月1日星期日

jquery-iframe中tab切换无效果的解决过程log

jquery-iframe中tab切换无效果的解决过程log
[问题描述]产品页面的中的tab切换时,使用xpath定位点击click后没有触发点击效果反而出现了tab消失的情况,直接使用js调用后页面没有点击效果。
[原因]
1.点击click的效果是由于当前页面是iframe中的,被上层页面的遮盖了tab,click事件触发时出现问题,但why应该和selenium的鼠标事件驱动有关,暂时还没有查询到最终的原因
2.页面调用js:$("a[name='statusTab']:nth-child(3)").click() 没有执行效果,是因为这个页面中还有一个百度的js把全部的a.click事件都劫持了,这个是我的猜想因为在url中执行时其他事件都可以驱动,只有这个a的事件连jquery.js中的事件都无法进入,而单独执行javascript:$("a").click();void(0);在url中就会出现百度的分享插件,所以做此推测。但是没有实验验证。

url 执行的js命令:
add:http://www.douban.com/group/topic/21637079/
javascript:$("a[name='statusTab']:nth-child(3)").click();void(0);
javascript:$("dt>a[typeid="1"]>span").click();void(0);
[popexizhi: $("dt>a[typeid="1"]>span").click() 这个是ok的,脚本添加后测试也通过了,其中偶然测试了dt>a>span还有遍历全部控件执行的效果,惊奇一个. note!]

javascript:$("a").click();void(0);
javascript:$("#searchSpan").click();void(0);
javascript:$("a>span#searchSpan").click();void(0);
javascript:$("a[name='statusTab']:nth-child(1)").removeClass();void(0);
javascript:$("a[name='statusTab']").click();void(0);
javascript:$("a[class='edit msg_wbox5']").live("click");void(0);
javascript:$("a[name='statusTab']:nth-child(3)").live("click");void(0);
javascript:$("a[typeId='2']").live("click");void(0);

firebug命令行和搜索
搜索脚本:
默认帮助使用【类比vi】
! 搜索all files
@ 搜索函数定义
# 在文件中查找
: 跳转到指定行[vim相同]
* 过滤变量[try了一下,是对变量栏中的数据筛选用的]
other:阅读自带的工具[popexizhi:是不是这个想一个最低okrs啊?!作为内化的行为try?note thinking 一下]

命令行:
打印方式
console.log()这个就可以了,调试使用挺方便的
查找方式
[ps:chrome 的控制台可以指定Hide network messages, firebug和firefox的开发者工具都没发现有,对于html页面中加了状态连接的页面真心的方便好用。:)赞一个]
firefox和chrome开发者工具中的
:link  /* 未访问的标签 */
:visited  /* 已访问的标签 */
:hover  /* 鼠标在标签上 */
:active  /* 激活标签 */

[next]
css路径筛选器的使用
firebug中提供的firepath
{add:http://www.douapp.com/post/150158
FirePath 是Firebug的扩展插件,添加了开发工具,可以编辑,监测和生成XPath 1.0表达式,CSS 3选择符和JQuery的选择符}
这里多说一下Sizzle {add:http://blog.csdn.net/freshlover/article/details/10813657}
作为jquery1.3开始使用sizzle,Sizzle,作为一个独立全新的选择器引擎,出现在jQuery 1.3版本之后,并被John Resig作为一个开源的项目,可以用于其他框架:Mool, Dojo,YUI等。
[next]learning sizzle定位语法

没有评论:

发表评论