向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除|赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.

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应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除
地址：https://jackxiang.com/post/10421/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！