用Safari浏览器调试代码

刚开始以为Safari看不到网页的源代码,后来发现是自己错了,Safari浏览器也为网页开发者提供了很方便的调试功能。

1.点击菜单栏的Safari,进入偏好设置,点击高级,就会看到下面的页面

2.将下面的“在菜单栏中显示‘开发’菜单”打上勾,然后就可以看到菜单栏上多了一个“开发”选项。

3.在网页空白处右击,在弹出的选项中选择“检查元素”。

4.随后就可以看到下面的页面了,然后就可以调试了

时间: 2024-10-06 19:39:15

用Safari浏览器调试代码的相关文章

chrome浏览器调试JS代码

是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript 断点设置和调试功能,也就是其中的 Sources Panel(以前叫 Scripts).如果你精通 Eclipse 中的各

浏览器调试jQuery代码演示动图

开发中,我们经常要调试代码,如果写前端代码,就需要进行浏览器调试. 下面是浏览器调试jQuery代码演示动图: 原文地址:https://www.cnblogs.com/chenmingjun/p/9574395.html

利用浏览器调试APP中的H5页面

安卓手机的情况下,可以用chrome浏览器来调试. 打开地址: chrome://inspect/#devices 手机用USB数据线连接电脑,并启动USB调试模式. 只要在APP中打开H5页面,界面就会显示该页面地址 点击inspect进入调试模式 之后就可以像调试浏览器页面一样调试了. 这个方法也可以用来查看APP中哪些页面调用的是H5的页面. 苹果手机可以用Safari自带的调试工具调试,在Safari浏览器工具栏-开发一栏下.

Chrome浏览器调试技巧

摘自网络:地址http://www.cr173.com/gonglue/62840_1.html 这次分享的是Chrome开发工具中最有用的面板Sources. Sources面板几乎是我最常用到的Chrome功能面板,也是在我看来决解一般问题的主要功能面板.通常只要是开发遇到了js报错或者其他代码问题,在审视一遍自己的代码而一无所获之后,我首先就会打开Sources进行js断点调试,而它也几乎能解决我80%的代码问题.Js断点这个功能让人兴奋不已,在没有js断点功能,只能在IE(万恶的IE)中

JS完美识别IE, firefox, chrome, safari浏览器

(转)判断是否为IE浏览器很简单,用navigator.appName来判断就行了.而Firefox, Chrome, Safari的navigator.appName输出值都是"Netscape",现在我们用navigator.userAgent这个属性来判断,因为谷歌浏览器Chrome的navigator.userAgent值包含"Safari"字符串而Safari浏览器并不包含Chrome,因此我们可以用这个区别来区分safari和chrome. 完整代码如下

jsp页面在 移动端 自适应,chrome浏览器没问题,可是safari浏览器有问题的解决方法

在网页中设置的1px与物理像素中的1px不会相同,所以导致不同在不同手机上显示结果都不相同,通过以下设置找到了适合当前网页自适应不同手机.不同浏览器的办法,代码如下: " <meta name="viewport" content="width=620px,initial-scale=1,target-densitydpi=device-dpi,minimum-scale=1,maximum-scale=1,user-scalable=1" />

Chrome浏览器调试功能介绍

(1)打开: 右击选审查元素 或者 Ctrl+Shift+I 或者 直接按F12 (2)介绍: Elements(元素) 查看.编辑页面上的元素,包括HTML和CSS Resource(资源)       查看到请求的资源情况,包括CSS.JS.图片.Cookies.HTML5的Database和LocalStore等 Network(网络)  分析网站请求的网络情况.查看某一请求的请求头和响应头还有响应内容.你需要先打开开发人员工具,切换到这个选项卡,之后再刷新页面才会有显示. Timelin

chrome浏览器调试功能之后端篇

作为后端开发人员,可能有很多同学不怎么了解chrome调试功能,而即将成为大神的我们,怎么也得会,知其然更要知其所以然,今天我带领大家好好的梳理一下,chrome浏览器调试,个人把它分成了前端功能和后端功能,在百度上也有很多关于该功能的使用说明,而其中很多都是抄来抄去的,很多概念模糊不清,甚至错误的也发了出来,鄙人实在看不下去了,就来给大家讲解我们PHP工程师需要用到的功能,重点在后面的TimeLine; 好了,闲话少说,首先打开chrome浏览器,按F12键进入调试模式,选择NetWork,打

浏览器调试:事件定位与源码查找

作为前端人员,浏览器调试是必不可少的工作之一,甚至与页面制作一样重要,试想生产环境以及日常bug中出现的问题,无法重现问题进行调试或者不知道如何下手调试,将对工作产生很消极的影响:常用的调试浏览器是chrome和Firefox,自带的和一些安装的插件都可以进行日常页面调试: 相关的浏览器调试技巧,前端人员基本上都多多少少知道一些,所以这里我也就不从简到复杂一个个列举了,有兴趣的小伙伴可以百度之相关的一些浏览器调试的常识(也许我以后会写也说不定),我今天说的如标题,主要是事件定位与源码查找:什么意