标题:[实践OK]使用Safari或者Chrome远程调试IOS Safari中的页面,Macbook里的safari浏览器怎么打开控制台开发者工具。Safari浏览器(iPhone模拟器):如何查看/监控所有被触发的事件? 出处:向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除 时间:Mon, 10 Feb 2020 11:48:32 +0000 作者:jackxiang 地址:http://jackxiang.com/post/10421/ 内容: 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 Generated by Jackxiang's Bo-blog 2.1.1 Release