我仿佛看到了又一个小朋友即将入坑前端！对前端coder来说，F12是debug神器，对普通网民来说，F12可以用来下载找不到下载按钮的资源，去网页广告，一夜暴富等等，比如说，在我按下F12之前，我的支付宝里只有不到1000元，然而几秒钟之后......“运维脱发早，DBA老得快，你若学前端，必成高富帅”//求轻喷欢迎题主入坑前端！
&b&好多赞，谢谢大家关注，暂时就写这么多吧，再写就跑题了，如果是做WEB开发或者前端的，重点多了解下Source和Console调试JS，真的很好用。&/b&&br&&br&&b&看了些其它回答，有些是用来扒图片的，视频的，有些是写爬虫的（这个不要看Elements，因为浏览器会对一些不符合规范的标签做补全或者其它处理，最好是Ctrl+U）。&/b&&br&&br&&b&扒图片和视频其实就是要找到资源的URL，视频还好，一个页面一般就一个视频，可以直接看Network里面的Media。&/b&&br&&br&&b&图片的话就不要看Network了，一个页面图片太多了，我们可以点击网页上的图片然后右键-》审查元素，然后Elements会定位到一个&img /&标签，那个src属性就是你要的图片地址了，有的网页会把右键禁掉了，下面有介绍打开Chrome DevTools的方法，用“放大镜”定位图片元素。&/b&&br&&br&&b&就这样吧，&/b&&b&大家干巴爹&/b&&br&&br&=================================原文=================================&br&&br&虽然不是做前端开发的，但是对Chrome DevTools还是用的比较熟的。&br&&br&
自从知道F12以后，每次浏览网页的时候看到什么特别炫的效果或者功能，总是忍不住按F12，然后开始研究一番，这真是一种病。下面我们用知乎网来做些演示。&br&&br&&br&
这个东西是前端开发人员的利器啊，要认真写的话，写一天也写不完，先随便写一点吧，有时间再更新。&br&&br&&ol&&li&Elements 查看当前文档的DOM信息&br&&/li&&li&Network
查看网络请求的&br&&/li&&li&Source
查看当前资源文件的（CSS,JS,IMAGE）&br&&/li&&li&Resources
查看本地资源信息的（cookie,local storage,session storage等）&br&&/li&&li&Console
查看调试用的，也可以直接写JS代码&br&&/li&&/ol&其它我不怎么用，没有研究过^-^&br&&br&&b&Elements&/b&&br&
题主看到的是用来模拟移动设备的一个功能，这样就不用手机浏览器打开来看了。下面这个图片是用来模拟nexus 5的，&br&&img src=&/082a57dbffdb1c29df105d2e_b.jpg& data-rawwidth=&1332& data-rawheight=&846& class=&origin_image zh-lightbox-thumb& width=&1332& data-original=&/082a57dbffdb1c29df105d2e_r.jpg&&&br&&br&
最左面那个放大镜是用来&b&定位DOM元素&/b&的，你可以试下，选择你要查看的网页内容，点击一下，看Elements选项卡，那里应该定位到你点击的那个元素了。这个比较常用 。&img src=&/0bdf835688_b.jpg& data-rawwidth=&1320& data-rawheight=&834& class=&origin_image zh-lightbox-thumb& width=&1320& data-original=&/0bdf835688_r.jpg&&&br&
右边是当前选中的DOM元素的一些CSS样式信息，可以直接编辑，在网页上看到效果，移到某个具体的CSS样式上，会出现一个复选框，可以点击启用或禁用该样式。下面这个是禁用知乎导航栏的背景色&br&&img src=&/2ff4ed532ea_b.jpg& data-rawwidth=&1748& data-rawheight=&663& class=&origin_image zh-lightbox-thumb& width=&1748& data-original=&/2ff4ed532ea_r.jpg&&&br&&br&&br&&br&&b&Network&/b&&br&
接下来看下network，这个主要是用来查看当前的网页的一些网络请求（CSS,JS,image，ajax，Document等），&br&这里有基本的请求信息：&br&URL，请求方法，响应状态码，响应数据类型，响应数据大小，响应时间和每个阶段所花费的时间。&br&&img data-rawheight=&230& data-rawwidth=&1571& src=&/fce87c4975bdc32bb4b5cb0_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1571& data-original=&/fce87c4975bdc32bb4b5cb0_r.jpg&&&br&&br&
用的比较多的估计就是XHR了，点击具体的请求，可以看到当前请求的信息和服务器响应的信息，这个很好用&br&&img src=&/1f9d335c0c71fe359d12b303aaaf7fdd_b.jpg& data-rawwidth=&1342& data-rawheight=&717& class=&origin_image zh-lightbox-thumb& width=&1342& data-original=&/1f9d335c0c71fe359d12b303aaaf7fdd_r.jpg&&&br&下面这个图我们可以知道知乎的实时消息实现用WebSocket实现的&img src=&/ce392b8cffdd_b.jpg& data-rawwidth=&1557& data-rawheight=&520& class=&origin_image zh-lightbox-thumb& width=&1557& data-original=&/ce392b8cffdd_r.jpg&&&br&&br&&br&
如果Chrome的Network能像Firefox Dev版一样，可以直接编辑信息重发就更好了 ^-^。&br&&img data-rawheight=&615& data-rawwidth=&1596& src=&/8b176afc8b58b3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1596& data-original=&/8b176afc8b58b3_r.jpg&&&br&&img data-rawheight=&529& data-rawwidth=&608& src=&/bec6c951e900ef799a3428_b.jpg& class=&origin_image zh-lightbox-thumb& width=&608& data-original=&/bec6c951e900ef799a3428_r.jpg&&&br&&br&&b&Source&/b&&br&
Source估计是这里最好用的一个了。先看张图&img src=&/6cdc096beaf8c1a9e5ed_b.jpg& data-rawwidth=&1767& data-rawheight=&629& class=&origin_image zh-lightbox-thumb& width=&1767& data-original=&/6cdc096beaf8c1a9e5ed_r.jpg&&&br&
这是知乎的一个JS文件，压缩过的，基本没有什么可读性，点左下角那对大括号（{ }），格式化一下这个JS文件，就会变成下面这样，可读性还是太差，但最起码调试的时候好点了，知道程序现在执行到哪一行了。&img src=&/602a0a73d01af9a17c6c3_b.jpg& data-rawwidth=&1854& data-rawheight=&753& class=&origin_image zh-lightbox-thumb& width=&1854& data-original=&/602a0a73d01af9a17c6c3_r.jpg&&&br&好用吧^-^，然后再打一个断点，那么这整个网页就挂起来了，右边是当前作用域的一些变量信息，&br&调试有 F10,F11,F8,SHIFT+F11等快捷键，不要问怎么用，用下就知道了。&br&具体是：&br& F10，跳过当前方法（如果执行到一个自定义方法，不进入方法内部）&br&F11，进入当前方法（如果当前方法是一个自定义方法，进入方法内部）&br&SHIFT+F11
跳出当前方法&br&F8，跳到下一个断点&br&想当年不知道有Chrome，用肉眼和alert来在IE下调试JS，&b&边流泪边调试&/b&......说多了都是泪。总之现在你可以非常方便的调试JS了。&br&&br&&b&Resource&/b&&br&
resource主要是用来查看当前网页可以访问到的一些本地信息，比如：Cookie，LocalStorage，SessionStorage，DB等&br&下面这图是知乎的Cookie信息&br&&img src=&/876d57f2dd_b.jpg& data-rawwidth=&1628& data-rawheight=&384& class=&origin_image zh-lightbox-thumb& width=&1628& data-original=&/876d57f2dd_r.jpg&&&br&&br&&b&Console&/b&&br&
最后Console，这个主要是显示JS文件里面打印的日志信息(console对象)。你也可以直接在里面写JS，查看或修改当前作用域的变量信息，配合Source的调试用，非常爽。&br&
如果是当前作用域内的对象（包含全局对象）的话，console还会自动帮你补全，有的时候我会忘记某个对象有什么方法，经常会用这个来看，或者console.dir(对象)看。&br&&img src=&/9ae0be5a0fb9950_b.jpg& data-rawwidth=&859& data-rawheight=&625& class=&origin_image zh-lightbox-thumb& width=&859& data-original=&/9ae0be5a0fb9950_r.jpg&&数组对像（实例）的方法&br&&img src=&/9b33abc4eedbad73c505d8_b.jpg& data-rawwidth=&1019& data-rawheight=&561& class=&origin_image zh-lightbox-thumb& width=&1019& data-original=&/9b33abc4eedbad73c505d8_r.jpg&&&br&先写这么多。WEB开发人员开发的神器，总之，有了这个，妈妈再也不用担心......&br&&br&&br&====================&b&更新一些Console对象的吧&/b&=============================&br&Console对象的主要方法如下：&br&&img src=&/19da0ff5a8fa0b58faf4fc7d26d6ded1_b.jpg& data-rawwidth=&630& data-rawheight=&561& class=&origin_image zh-lightbox-thumb& width=&630& data-original=&/19da0ff5a8fa0b58faf4fc7d26d6ded1_r.jpg&&&br&用法如下图：&img src=&/cbe3c4de711fdf07c5871_b.jpg& data-rawwidth=&1915& data-rawheight=&530& class=&origin_image zh-lightbox-thumb& width=&1915& data-original=&/cbe3c4de711fdf07c5871_r.jpg&&&br&日志的等级：&b&debug，info，warn，error&/b&。&br&打印变量信息什么的，一般用&b&log&/b&方法，相对于&b&alert&/b&，这方法真是好。&br&&b&alert&/b&会让浏览器挂起，如果&b&alert&/b&的多了，还要一个个确定，最痛苦的时候，如果是一个对象，直接用&b&alert&/b&打印的时候，直接是个object，要看具体某个属性的值还要写个循环，调试结束还特么要一个个删除，&b&调试到哭的有没有&/b&。&br&&br&&b&console.log&/b&，不会挂起浏览器，在后台默默打印，对象会显示对象的具体信息，如果删除的话，点击log信息的右下角，直接定位到文件。&br&&br&&b&console.table&/b&打印数组对象（数组每一项是对象）信息非常好&br&&br&&b&console.time(tag)&/b&和&b&console.timeEnd(tag)&/b&可以用来计start和end间花费的时间&br&&b&console.dir(object) &/b&打印对象的原型信息，很好用有没有。&br&&br&还有其它一些没怎么用过的，大家可以自己去了解下。&br&&br&&br&&br&下面内容请高手略过，写给普通用户看的。&br&=================================update================================&br&上面讲的一些主要针对开发者的，普通用户&br&也有些好用的东西，比如：&br&&ol&&li&有些网站没有注册的用户，老是弹出一些窗口，提示注册（我就看个信息还要注册，最讨厌这样的网站了，我偏不注册）&br&&/li&&li&有些网站把键盘的默认禁用了，想复制网站的东西复制不了&/li&&/ol&&br&情况1：&br&以前经常碰到，现在本来想找个做演示的，但没有找到，下面就以百度登录为例吧（百度不登录的用户不会弹出登录窗口的）&br&&img src=&/ddc408c36f0b759_b.jpg& data-rawwidth=&1303& data-rawheight=&721& class=&origin_image zh-lightbox-thumb& width=&1303& data-original=&/ddc408c36f0b759_r.jpg&&&br&我们先用“放大镜”选择空白区域，先定位到遮罩的DOM元素上，定位的可能不是很准，这里定位到子元素上了，一般这种情况我们往上层找，找到有个DOM元素有id属性的那个，一般就是，或者你看浏览器的显示当然DOM的区域，选中遮罩的DOM元素，然后右键-》 delete node，或者直接按Delete键，就可以删除这个DOM元素了，如果删错了怎么办，没事，不要急，重新刷新一下页面就行了。&img src=&/d36fd16fc9e95aa39c2b6afdb5e8d4f5_b.jpg& data-rawwidth=&966& data-rawheight=&586& class=&origin_image zh-lightbox-thumb& width=&966& data-original=&/d36fd16fc9e95aa39c2b6afdb5e8d4f5_r.jpg&&下面这个是删除登录窗口的，操作方式同上。&img src=&/e282efdd363e_b.jpg& data-rawwidth=&1065& data-rawheight=&789& class=&origin_image zh-lightbox-thumb& width=&1065& data-original=&/e282efdd363e_r.jpg&&&br&&br&情况2：&br&有些网站按F12是没有用的，因为JavaScript脚本把浏览器的默认事件给阻止掉了，但是没事，只要你能打开Chrome DevTools，脚本怎么阻止都没有用。&br&&img src=&/66a28af5ee3ac1ff4f38d67be0709ff0_b.jpg& data-rawwidth=&664& data-rawheight=&858& class=&origin_image zh-lightbox-thumb& width=&664& data-original=&/66a28af5ee3ac1ff4f38d67be0709ff0_r.jpg&&&br&打开后你就可以用“放大镜”选中你要复制的内容，点击定位到当前元素，然后就可以复制Elements里面的内容。&br&&br&如果你要复制的内容里面有HTML标签，你不想要标签怎么办，没事，看下面这个图片&br&&img src=&/37da2bc0fc5f_b.jpg& data-rawwidth=&1230& data-rawheight=&558& class=&origin_image zh-lightbox-thumb& width=&1230& data-original=&/37da2bc0fc5f_r.jpg&&这段文字里面有一个图片标签和一个超链接，我们先给这个DOM元素添加一个id属性，以便我们后面可以快速找到这个DOM元素，添加属性方法：右键-》Add attribute。&br&&img src=&/09cb6cf132edb393b73ce6b_b.jpg& data-rawwidth=&960& data-rawheight=&532& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&/09cb6cf132edb393b73ce6b_r.jpg&&&br&我们添加一个id为&b&robinbin&/b&的属性，然后按&b&Esc&/b&键，打开Console，写一段Javascript。&br&&div class=&highlight&&&pre&&code class=&language-text&&document.getElementById('robinbin').innerText
&/code&&/pre&&/div&&br&回车就有了&br&&img src=&/b60d3eb65a4da28e05387_b.jpg& data-rawwidth=&1587& data-rawheight=&272& class=&origin_image zh-lightbox-thumb& width=&1587& data-original=&/b60d3eb65a4da28e05387_r.jpg&&&br&&br&先这样吧......大家干巴爹&br&&br&&b&感谢大家的关注，内容有点多，大家看的辛苦了&/b&，&b&Chrome DevTools还有很多非常有用的功能，大家可以自己探索下&/b&&b&，希望回答能对大家有所帮助。&/b&&br&&br&&img src=&/2bc19bd19bdb7d415c065b_b.jpg& data-rawwidth=&56& data-rawheight=&52& class=&content_image& width=&56&&
好多赞，谢谢大家关注，暂时就写这么多吧，再写就跑题了，如果是做WEB开发或者前端的，重点多了解下Source和Console调试JS，真的很好用。看了些其它回答，有些是用来扒图片的，视频的，有些是写爬虫的（这个不要看Elements，因为浏览器会对一些不符合规范的…
欢迎来到里世界，在这里你能看见光鲜的页面背后的样子。
欢迎来到里世界，在这里你能看见光鲜的页面背后的样子。
我们的产品是自己。当前位置： &
求翻译：这是您的业务办理单据 发票 请在协议的左下角签上您的名字 谢谢是什么意思？
这是您的业务办理单据 发票 请在协议的左下角签上您的名字 谢谢
问题补充：
This is your business invoice handling documents please sign your name on the lower left corner of the agreement thank you
我来回答：
参考资料：
* 验证码：
登录后回答可以获得积分奖励，并可以查看和管理所有的回答。 |
我要翻译和提问
请输入您需要翻译的文本！win8左下角右键菜单如何找回?win8 鼠标右键点击桌面左下角的metro小菜单打不开 功能菜单了!-中国学网-中国IT综合门户网站
> win8左下角右键菜单如何找回?win8 鼠标右键点击桌面左下角的metro小菜单打不开 功能菜单了!
win8左下角右键菜单如何找回?win8 鼠标右键点击桌面左下角的metro小菜单打不开 功能菜单了!
转载 编辑：李强
为了帮助网友解决“win8左下角右键菜单如何找回?win8”相关的问题，中国学网通过互联网对“win8左下角右键菜单如何找回?win8”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:win8左下角右键菜单如何找回?win8 鼠标右键点击桌面左下角的metro小菜单打不开 功能菜单了!，具体解决方案如下：解决方案1：如果你的win+x快捷键无法使用，没有反应，或者是鼠标移动到屏幕左下角后点击右键想调出快捷键也没有反应，那么说明你优化了“去除桌面图标小箭头”的这一项，如果这一项被优化了，也就是说你通过优化软件或编辑注册表去除了桌面图标的小箭头，那么上面的那个功能就无效了。
解决办法很简单，那就是用优化软件再还原回桌面图标上的箭头或者是按win+r打开运行输入“regedit”打开注册表编辑器，在“HKEY_CLASSES_ROOT”主键下找到“linkfile”字符串值项，在右侧新建字符串值，名称为“IsShortcut”项，该项的值为空，然后再在“HKEY_CLASSES_ROOT”主键下找到找到“piffile”字符串值项，同样新建一个名称为“IsShortcut”项，该项的值为空。
注销后重新进入系统就可以使用了。通过对数据库的索引,我们还为您准备了：问：WIN8系统左下角的开始菜单键找不到了，怎么弄出来，求高手教啊 就是这样...答：win8系统是没有开始菜单的 建议下一个win8优化大师===========================================问：搜索以上的点了都没有反映 好像是360优化把什么东西给关掉了？但是我把...答：如果你的win+x快捷键无法使用，没有反应，或者是鼠标移动到屏幕左下角后点击右键想调出快捷键也没有反应，那么说明你优化了“去除桌面图标小箭头”的这一项，如果这一项被优化了，也就是说你通过优化软件或编辑注册表去除了桌面图标的小箭头，那么...===========================================问：搜索以上的点了都没有反映 好像是360优化把什么东西给关掉了？但是我把...答：不是丢了，是本来就没有，win8的开始菜单需要把鼠标指针放在屏幕右上角或者右下角才会出现，最中间那一个就是开始菜单键，一般情况都是自动隐藏在屏幕右边，你试一试，不行再追问===========================================问：搜索以上的点了都没有反映 好像是360优化把什么东西给关掉了？但是我把...答：Windows 8中将开始菜单更换为metro界面，关机按钮也同样消失了，我们可以用一下几种方法实现关机：A. Alt+F4：快捷键，Windows界面下按Alt+F4即可弹出关机菜单B. Win+I：打开“设置”，选择电源按钮关机、睡眠等C. 桌面建立快捷方式，桌面右键新建...===========================================问：很奇葩的问题，我装机之后就是这个样子，没有改过任何地方的设置。 补充...答：1.在控制面板中找到“Tablet PC 设置”窗口，选择“其他”选项卡。 2.在“左右手使用习惯”下，点寻惯用左手”，确定。 •如果win8.1的控制面板里找不到Tablet PC 设置 •可以在开始菜单-运行（快捷键：win+R），输入 shell:::{80F3F1D5-FECA...===========================================问：win8系统，今天用电脑时，右键不知道按了什么，那个右键栏就到左边去了...答：这个没关系的===========================================问：win8系统，今天用电脑时，右键不知道按了什么，那个右键栏就到左边去了...答：win8显示桌面的快捷方式在最右下角，和win7一样，鼠标放到最右下角点一下就ok。===========================================问：不小心从任务栏删除了固定程序怎么还原答：从C盘C:\Program Files\文件夹中打开这个程序，然后右键点击任务栏上的图标，固定一下即可。 百度系列经验：《Windows8.1操作系统》/season/34945===========================================问：要恢复，不要说用360等...答：楼主的系统是win8还是8.1？如果是win8 那么本身就不带开始菜单。8.1虽然带但是开始菜单点击会切换到Metro界面，就是那个磁块界面，并不是win7和xp的传统开始菜单。一般不习惯这种设计的人会用软件换成传统开始菜单，推荐用Start8这个软件，win8...===========================================如果你的win+x快捷键无法使用,没有反应,或者是鼠标移动到屏幕左下角后点击右键想调出快捷键也没有反应,那么说明你优化了"去除桌面图标小箭头"的这一项,如果这一项被优...===========================================您好 您可以尝试按键盘上有WINDOWS标志的键,打开开始菜单,在开始上点右键--属性--"任务栏"标签--在"锁定任务栏"前打钩。就能显示任务栏和开始了。===========================================Windows 8中将开始菜单更换为metro界面,关机按钮也同样消失了,我们可以用一下几种... Win+I:打开"设置",选择电源按钮关机、睡眠等C. 桌面建立快捷方式,桌面右键新建-快捷...===========================================打开360软件管家点击右下角的软件小助手。你的左下角就会有个开始菜单了。它默认的是开机启动。你看一下是不是你的没有开机启动呀。右键点击软件助手图标即可看到软...===========================================1、鼠标移到左下角,选search,找到要添加的图标右键pin即可2、手动添加,在开始界面-点... #92;Windows\Start Menu\Programs C即是你装win8的分区 Angus...===========================================想找回来 可尝试以下方法:1.360安全卫士--添加小工具--360软件小助手--在其上面& 右键--使用列表版(如下图) 安全卫士请点击下载 2.双击【超级兔子win8开始菜单】进行...===========================================& 5.Win x&打开管理员模式CMD,运行"powercfg -h on"(鼠标移动到桌面左下角,点击右键弹出菜单) & & 6.使用系统右下角关机功能进行关机---设置---电源-...===========================================里面会有"桌面"这个程序,右键单击,重新固定到开始菜单就行了。找回win8系统传统桌面... 所有应用,然后找到桌面的图标就行了。&&给桌面打勾后记得点下左下角的"...===========================================你是否在任务栏里没有勾选"快速启动"?如果没有勾选,任务栏左下角就不会显示"快速启动",包括"IE图标"及其他快捷方式的图标! 解决方法: 1.右键任务栏--在弹出的菜单里,鼠标...===========================================菜单,请选择关机、重启、注销。 3)按Ctrl+Alt+Delete组合键出现有关选项,选择关机。 4)win8.1新的关机方法: 按Win键切换到Windows桌面,在左下角开始按钮上点击右键...===========================================
本文欢迎转载，转载请注明：转载自中国学网： []
用户还关注
可能有帮助若一个文件夹里全是图片，一打开这个文件夹，在左下角会显示有多少张图片。这个功能怎么设置_百度知道
若一个文件夹里全是图片，一打开这个文件夹，在左下角会显示有多少张图片。这个功能怎么设置
我有更好的答案
什么系统？
其他类似问题
为您推荐：
文件夹的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁