[实践OK]使用Safari或者Chrome远程调试IOS Safari中的页面,Macbook里的safari浏览器怎么打开控制台开发者工具。Safari浏览器(iPhone模拟器):如何查看/监控所有被触发的事件?

jackxiang 2020-2-10 11:48 | |
safari浏览器怎么打开控制台开发者工具?使用Safari或者Chrome远程调试IOS Safari中的页面:
一、Iphone手机上:
设置-> 下拉找到safari浏览器->高级(在拉到最底部)->网页检查器 > 启用。


二、MacBOOK上面:
(一)左上角safari浏览器-->偏好设置-->弹出点tab里的高级-->勾选[V]在菜单栏中显示“开发”菜单。
(二)在页面上右键,下拉菜单中点选,检查元素。即可呼唤出类似chrome的F12(option+command+I)开发者选项。

三、用数据线将iphone手机和mac连接起来,在电脑的safari中按照流程执行:【开发】->【手机名称】->【正在调试的网站】
       手机端打开页面,macbook上面找到打开的网站,会弹出像F12调出的开发模式一样。

参考来自window下的safari: https://jingyan.baidu.com/album/2d5afd69c4a6a685a2e28e9f.html?picindex=5
https://cloud.tencent.com/developer/article/1680133



$('body').on("click", function(e) {
    console.log(e);
});
事实上,Chrome开发者工具以及Firebug都提供了内置事件监控方法——monitorEvents。下面我们介绍一下具体用法。
审查一个元素,此时,你可以在控制台中通过变量$0获取这个元素:
在控制台中输入:
monitorEvents($0, 'click');
当然,这样也是可以的:
monitorEvents(document.body, 'click');
使用鼠标点击页面,控制台中就会输出事件对象:
万一你不想再监控事件触发了,你可以调用unmonitorEvents方法:
unmonitorEvents(document.body, 'click');
这样一来,我们就不需要在源代码文件中写额外的代码去监控事件了。

来自:http://www.360doc.com/content/15/1210/07/29334186_519256312.shtml

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/10421/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2023-5-16 16:24
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]