-
按F12打开调试工具
2. 点击控制台,在空白处填写js代码,然后回车运行,如图:
3. 点击调试器
在你要调试的那段js代码上点插入断点
4. 在页面上操作
5. 按F11进行逐步调试
6. 在调试过程中如遇到错误,它会跳出调试,并提示错误信息,可以返回控制台查看
这样你就可以根据提示的错误修改代码
-
如何禁止小白查看网页源代码的简单操作
2021-01-13 23:48:21有时候,我们想要别人看不见...2、按F12、ctrl+u、ctrl+shift+I、ctrl+shift+c查看源代码。 3、按ctrl+s保存下来,看源代码 4、XXXXX 第四中方式我不说了,因为第四种方式绝对能看见源代码。即使是用了我后面所说的js所谓查看源代码,就是别人服务器发送到浏览器的原封不动的代码。
审查元素时,你看到那些,在源代码中找不到的代码,是在浏览器执行js动态生成的。通过审查元素看到的就是最终的html代码。即:源代码 + 网页js渲染 。
我们查看网页源代码平时使用的方式是
1、右击鼠标,点击查看网页源代码。
2、按F12、ctrl+u、ctrl+shift+I、ctrl+shift+c查看源代码。
3、按ctrl+s保存下来,看源代码
4、XXXXX屏蔽掉右键、复制、选择的完整代码:
首先我们来解决鼠标右击事件,就是我们自己实现右击事件,并且在右击事件函数里什么都不做。这样就弹不出右击菜单了。
/**禁止右击事件菜单弹出*/ document.οncοntextmenu=ContextMenu; function ContextMenu() { return false; }
其次,我们禁止使用ctrl+s、ctrl+u、F12、ctrl+shift+I、ctrl+shift+c。代码如下:
/** 全局事件监听*/ document.body.onkeydown = function(e){ var keyCode = e.keyCode || e.which || e.charCode; var ctrlKey = e.ctrlKey || e.metaKey; if(ctrlKey && (keyCode == 83 || keyCode == 85 || keyCode == 73)) { e.preventDefault(); return false; } else if(ctrlKey && (keyCode == 83 || keyCode == 85 || keyCode == 67)) { e.preventDefault(); return false; }else if(keyCode && keyCode == 123){ return false; } }
只要在你的初始化函数里加上上面的代码,那么你的页面就不能查看源代码了。当然只限于前三种方式。真正能实现源代码屏蔽的单纯的.html是不可能的!想看源代码也是没办法阻止的。此脚本这只能防止不劳而获的小白,针对计算机老鸟、大神是无法作用的;并且现在很多浏览器自带有查看网页源代码的功能。用TELEPROT 这类网站下载工具可以下载任何文件,相当于做镜像网站。想真正的保护源代码,除非服务器进行安全设置、加密。
js 里面的键盘事件经常用到的 记录一下
keyCode 8 = BackSpace BackSpace
keyCode 9 = Tab Tab
keyCode 12 = Clear
keyCode 13 = Enter
keyCode 16 = Shift_L
keyCode 17 = Control_L
keyCode 18 = Alt_L
keyCode 19 = Pause
keyCode 20 = Caps_Lock
keyCode 27 = Escape Escape
keyCode 32 = space
keyCode 33 = Prior
keyCode 34 = Next
keyCode 35 = End
keyCode 36 = Home
keyCode 37 = Left
keyCode 38 = Up
keyCode 39 = Right
keyCode 40 = Down
keyCode 41 = Select
keyCode 42 = Print
keyCode 43 = Execute
keyCode 45 = Insert
keyCode 46 = Delete
keyCode 47 = Help
keyCode 48 = 0 equal braceright
keyCode 49 = 1 exclam onesuperior
keyCode 50 = 2 quotedbl twosuperior
keyCode 51 = 3 section threesuperior
keyCode 52 = 4 dollar
keyCode 53 = 5 percent
keyCode 54 = 6 ampersand
keyCode 55 = 7 slash braceleft
keyCode 56 = 8 parenleft bracketleft
keyCode 57 = 9 parenright bracketright
keyCode 65 = a A
keyCode 66 = b B
keyCode 67 = c C
keyCode 68 = d D
keyCode 69 = e E EuroSign
keyCode 70 = f F
keyCode 71 = g G
keyCode 72 = h H
keyCode 73 = i I
keyCode 74 = j J
keyCode 75 = k K
keyCode 76 = l L
keyCode 77 = m M mu
keyCode 78 = n N
keyCode 79 = o O
keyCode 80 = p P
keyCode 81 = q Q at
keyCode 82 = r R
keyCode 83 = s S
keyCode 84 = t T
keyCode 85 = u U
keyCode 86 = v V
keyCode 87 = w W
keyCode 88 = x X
keyCode 89 = y Y
keyCode 90 = z Z
keyCode 96 = KP_0 KP_0
keyCode 97 = KP_1 KP_1
keyCode 98 = KP_2 KP_2
keyCode 99 = KP_3 KP_3
keyCode 100 = KP_4 KP_4
keyCode 101 = KP_5 KP_5
keyCode 102 = KP_6 KP_6
keyCode 103 = KP_7 KP_7
keyCode 104 = KP_8 KP_8
keyCode 105 = KP_9 KP_9
keyCode 106 = KP_Multiply KP_Multiply
keyCode 107 = KP_Add KP_Add
keyCode 108 = KP_Separator KP_Separator
keyCode 109 = KP_Subtract KP_Subtract
keyCode 110 = KP_Decimal KP_Decimal
keyCode 111 = KP_Divide KP_Divide
keyCode 112 = F1
keyCode 113 = F2
keyCode 114 = F3
keyCode 115 = F4
keyCode 116 = F5
keyCode 117 = F6
keyCode 118 = F7
keyCode 119 = F8
keyCode 120 = F9
keyCode 121 = F10
keyCode 122 = F11
keyCode 123 = F12
keyCode 124 = F13
keyCode 125 = F14
keyCode 126 = F15
keyCode 127 = F16
keyCode 128 = F17
keyCode 129 = F18
keyCode 130 = F19
keyCode 131 = F20
keyCode 132 = F21
keyCode 133 = F22
keyCode 134 = F23
keyCode 135 = F24
keyCode 136 = Num_Lock
keyCode 137 = Scroll_Lock
keyCode 187 = acute grave
keyCode 188 = comma semicolon
keyCode 189 = minus underscore
keyCode 190 = period colon
keyCode 192 = numbersign apostrophe
keyCode 210 = plusminus hyphen macron
keyCode 211 =
keyCode 212 = copyright registered
keyCode 213 = guillemotleft guillemotright
keyCode 214 = masculine ordfeminine
keyCode 215 = ae AE
keyCode 216 = cent yen
keyCode 217 = questiondown exclamdown
keyCode 218 = onequarter onehalf threequarters
keyCode 220 = less greater bar
keyCode 221 = plus asterisk asciitilde
keyCode 227 = multiply division
keyCode 228 = acircumflex Acircumflex
keyCode 229 = ecircumflex Ecircumflex
keyCode 230 = icircumflex Icircumflex
keyCode 231 = ocircumflex Ocircumflex
keyCode 232 = ucircumflex Ucircumflex
keyCode 233 = ntilde Ntilde
keyCode 234 = yacute Yacute
keyCode 235 = oslash Ooblique
keyCode 236 = aring Aring
keyCode 237 = ccedilla Ccedilla
keyCode 238 = thorn THORN
keyCode 239 = eth ETH
keyCode 240 = diaeresis cedilla currency
keyCode 241 = agrave Agrave atilde Atilde
keyCode 242 = egrave Egrave
keyCode 243 = igrave Igrave
keyCode 244 = ograve Ograve otilde Otilde
keyCode 245 = ugrave Ugrave
keyCode 246 = adiaeresis Adiaeresis
keyCode 247 = ediaeresis Ediaeresis
keyCode 248 = idiaeresis Idiaeresis
keyCode 249 = odiaeresis Odiaeresis
keyCode 250 = udiaeresis Udiaeresis
keyCode 251 = ssharp question backslash
keyCode 252 = asciicircum degree
keyCode 253 = 3 sterling
keyCode 254 = Mode_switch使用event对象的keyCode属性判断输入的键值
eg:if(event.keyCode==13)alert(“enter!”);
键值对应表A 0X65 U 0X85
B 0X66 V 0X86
C 0X67 W 0X87
D 0X68 X 0X88
E 0X69 Y 0X89
F 0X70 Z 0X90
G 0X71 0 0X48
H 0X72 1 0X49
I 0X73 2 0X50
J 0X74 3 0X51
K 0X75 4 0X52
L 0X76 5 0X53
M 0X77 6 0X54
N 0X78 7 0X55
O 0X79 8 0X56
P 0X80 9 0X57
Q 0X81 ESC 0X1B
R 0X82 CTRL 0X11
S 0X83 SHIFT 0X10
T 0X84 ENTER 0XDKeycode常数表
可在代码中的任何地方用下列常数代替实际值:
常数 值 描述
vbKeyLButton 0x1 鼠标左键
vbKeyRButton 0x2 鼠标右键
vbKeyCancel 0x3 CANCEL 键
vbKeyMButton 0x4 鼠标中键
vbKeyBack 0x8 BACKSPACE 键
vbKeyTab 0x9 TAB 键
vbKeyClear 0xC CLEAR 键
vbKeyReturn 0xD ENTER 键
vbKeyShift 0x10 SHIFT 键
vbKeyControl 0x11 CTRL 键
vbKeyMenu 0x12 MENU 键
vbKeyPause 0x13 PAUSE 键
vbKeyCapital 0x14 CAPS LOCK 键
vbKeyEscape 0x1B ESC 键
vbKeySpace 0x20 SPACEBAR 键
vbKeyPageUp 0x21 PAGE UP 键
vbKeyPageDown 0x22 PAGE DOWN 键
vbKeyEnd 0x23 END 键
vbKeyHome 0x24 HOME 键
vbKeyLeft 0x25 LEFT ARROW 键
vbKeyUp 0x26 UP ARROW 键
vbKeyRight 0x27 RIGHT ARROW 键
vbKeyDown 0x28 DOWN ARROW 键
vbKeySelect 0x29 SELECT 键
vbKeyPrint 0x2A PRINT SCREEN 键
vbKeyExecute 0x2B EXECUTE 键
vbKeySnapshot 0x2C SNAPSHOT 键
vbKeyInsert 0x2D INSERT 键
vbKeyDelete 0x2E DELETE 键
vbKeyHelp 0x2F HELP 键
vbKeyNumlock 0x90 NUM LOCK 键A 至 Z 键与 A – Z 字母的 ASCII 码相同:
常数 值 描述
vbKeyA 65 A 键
vbKeyB 66 B 键
vbKeyC 67 C 键
vbKeyD 68 D 键
vbKeyE 69 E 键
vbKeyF 70 F 键
vbKeyG 71 G 键
vbKeyH 72 H 键
vbKeyI 73 I 键
vbKeyJ 74 J 键
vbKeyK 75 K 键
vbKeyL 76 L 键
vbKeyM 77 M 键
vbKeyN 78 N 键
vbKeyO 79 O 键
vbKeyP 80 P 键
vbKeyQ 81 Q 键
vbKeyR 82 R 键
vbKeyS 83 S 键
vbKeyT 84 T 键
vbKeyU 85 U 键
vbKeyV 86 V 键
vbKeyW 87 W 键
vbKeyX 88 X 键
vbKeyY 89 Y 键
vbKeyZ 90 Z 键0 至 9 键与数字 0 – 9 的 ASCII 码相同:
常数 值 描述
vbKey0 48 0 键
vbKey1 49 1 键
vbKey2 50 2 键
vbKey3 51 3 键
vbKey4 52 4 键
vbKey5 53 5 键
vbKey6 54 6 键
vbKey7 55 7 键
vbKey8 56 8 键
vbKey9 57 9 键下列常数代表数字键盘上的键:
常数 值 描述
vbKeyNumpad0 0x60 0 键
vbKeyNumpad1 0x61 1 键
vbKeyNumpad2 0x62 2 键
vbKeyNumpad3 0x63 3 键
vbKeyNumpad4 0x64 4 键
vbKeyNumpad5 0x65 5 键
vbKeyNumpad6 0x66 6 键
vbKeyNumpad7 0x67 7 键
vbKeyNumpad8 0x68 8 键
vbKeyNumpad9 0x69 9 键
vbKeyMultiply 0x6A MULTIPLICATION SIGN (*) 键
vbKeyAdd 0x6B PLUS SIGN (+) 键
vbKeySeparator 0x6C ENTER 键
vbKeySubtract 0x6D MINUS SIGN (-) 键
vbKeyDecimal 0x6E DECIMAL POINT (.) 键
vbKeyDivide 0x6F DIVISION SIGN (/) 键下列常数代表功能键:
常数 值 描述
vbKeyF1 0x70 F1 键
vbKeyF2 0x71 F2 键
vbKeyF3 0x72 F3 键
vbKeyF4 0x73 F4 键
vbKeyF5 0x74 F5 键
vbKeyF6 0x75 F6 键
vbKeyF7 0x76 F7 键
vbKeyF8 0x77 F8 键
vbKeyF9 0x78 F9 键
vbKeyF10 0x79 F10 键
vbKeyF11 0x7A F11 键
vbKeyF12 0x7B F12 键
vbKeyF13 0x7C F13 键
vbKeyF14 0x7D F14 键
vbKeyF15 0x7E F15 键
vbKeyF16 0x7F F16 键 -
如何用浏览器调试js代码
2015-09-19 13:12:00按F12打开调试工具 2. 点击控制台,在空白处填写js代码,然后回车运行,如图: 3. 点击调试器 在你要调试的那段js代码上点插入断点 4. 在页面上操作 5. 按F11进行逐步调试 6. 在调试过程中如遇到错误...转载于:https://www.cnblogs.com/aileen/p/4821336.html
-
IE8安装GoogleChromeframe插件以后,在用chrome核心打开的页面下如何查看页面的html代码
2019-04-25 17:31:12安装Chromeframe,F12打开开发者工具,一直显示正在加载html,是否有办法在此处看到html代码 -
如何修改博客园插入代码的默认代码大小?
2019-08-06 20:06:00用chrome F12开发者模式(或者是鼠标放到指定位置,右击选择“检查”)查看网页源代码,在style中找到代码风格的设置: 复制这段代码,进入博客的后台。 将代码复制到CSS代码定制代码页面栏。 ...一直觉得博客园“插入代码”功能的默认代码字体太小,多番查询网络资料,把这个问题解决了。
作为菜鸟,在此记录以防忘记。
用chrome F12开发者模式(或者是鼠标放到指定位置,右击选择“检查”)查看网页源代码,在style中找到代码风格的设置:
复制这段代码,进入博客的后台。
将代码复制到CSS代码定制代码页面栏。
之后保存,你会发现代码的字体就真的变大了。
转载于:https://www.cnblogs.com/jiangjian123/p/11311506.html
-
如何修改博客园插入代码的默认代码大小? - 心得小记
2014-01-14 18:56:00用chrome F12 开发者模式 查看网页源代码,在style中找到关于代码风格的设置: 复制这段代码,进入博客的后台。 将代码复制到 CSS定制页面栏。 之后保存,你会发现你所有博文的代码...一直觉得博客园“插入代码”功能的默认代码字体太小,今天问了问dudu站长,总算将这个问题解决了。
作为一个菜鸟,特此一记(怕忘了)。
用chrome F12 开发者模式 查看网页源代码,在style中找到关于代码风格的设置:
复制这段代码,进入博客的后台。
将代码复制到 CSS定制页面栏。
之后保存,你会发现你所有博文的代码都变大啦!
Freecode : www.cnblogs.com/yym2013
转载于:https://www.cnblogs.com/yym2013/p/3519626.html
-
尝试用 vue 实现灭霸打响指英雄消失的效果 demo
2019-05-05 00:23:15算是蹭热度的一个 Feature, 我通过 F12 试图去查看是如何实现的,也抠了一些音频、图片资源下来。后来在 github 上找到了一个现有的项目 Thanos_Dust, 所以参考了部分它的代码。 其实它的代码已经算比较完善了,在它... -
python做自动化如何定位动态元素_selenium如何定位span元素的实现
2021-01-29 09:18:17在做自动化测试时,我们需要定位元素属性来进行操作,今天在做自动化时发现我要定位的登录注册元素找不到,我看了下代码发现,我用xpath获取绝对路径后,发现找不到,F12查看代码如下代码如下# _*_ coding: utf-8 _*... -
selenium如何定位span元素
2019-02-12 16:02:48在做自动化测试时,我们需要定位元素属性来进行操作,今天在做自动化时发现我要定位的登录注册元素找不到,我看了下代码发现,我用xpath获取绝对路径后,发现找不到,F12查看代码如下 代码如下 # _*_ coding: ... -
如何去转载一篇博客
2021-02-26 10:11:521、 点开某篇文章如何右键查看源代码,或者审查元素,或者键盘F12 2、 ctrl + F 全文查找 article_content 3、 右键 copy->copy outerHTML 4、 打开markdown粘贴,选转载然后发布文章 尊重原创一定要标注转载-&... -
谷歌浏览器之如何快速找到js、css等文件
2019-03-09 15:09:01我们分析前端代码的时候,需要快速定位某个js文件,然后查看里面的源代码 2 具体操作 比如我在www.baidu.com这个页面,我们先按下F12, 然后点击到network,然后我们再用快捷键 ctrl + p 比如我们要找tu_d03... -
如何更改CSDN的博客皮肤
2018-08-05 18:10:10新版博客不能设置皮肤(点击查看旧版皮肤下线公告),默认皮肤实在不习惯,自己研究了下,...博客设置 f12打开调试器,用元素选择器选择皮肤,找到下面的代码 可以看到每一个皮肤为一个div元素,他们的 class属性... -
【基础知识】如何快速转发CSDN博客
2020-07-13 14:00:08一、打开要转发的博客、按F12并点击查看器 二、复制页面的代码(此处用到一个小技巧) 1、鼠标点击该按钮 2、将鼠标放到图示位置,使变色的位置覆盖所有博客的内容后点击鼠标左键 3、看到下方代码区定位... -
jsp mysql的代码提示错误_通过jsp连接mysql的时候出现的问题.大家有时间的话帮忙看看吧....
2021-02-05 03:36:58该楼层疑似违规已被系统折叠隐藏此楼查看此楼我是新手,卡在这里了....但是在dreamweaver按下f12之后在tomcat的日志文件里面出现了以下错误代码.请教一下这是怎么回事,如何解决.感谢感谢!!!开发环境... -
Html5斜45度地图+3D模型ARPG系列教程(3)-- 关于如何运行示例项目
2017-05-18 01:40:30上一篇博文(相机跟随及平滑)提供了示例代码下载,一些刚学习游戏开发的新手们可能不知道如何运行。 1.用LayaAirIDE运行 打开LayaAirIDE--文件--打开项目 2.直接用浏览器运行查看结果 既然是html5开发的,那... -
m3u8及TS文件下载解密:如何从播放网址查找m3u8文件(三)
2019-06-28 07:18:37F12 打开调试窗口(注意要在网页窗口,不是在源代码窗口,我用的360浏览器, 其他浏览器类似) 在watch窗口增加刚才看到的变量 可以知道变量 CN2 代表的具体cdn网址,替换到网址中就得到最终的m3u8地址。... -
VS 一些你可能忽略但是用着很方便的快捷键
2014-12-24 16:45:01这三个键在查看代码的时候,特别有用。通过F12你可以快速的找到一个函数的定义,通过 Ctrl+减号你可以快速的返回到函数的调用处。 2、如何使用快捷键在当前代码行的上面或下面插入一行(推荐,很实用) 按下 ... -
vue canvas 方法无效_尝试用 vue 实现灭霸打响指英雄消失的效果 demo
2020-11-25 05:32:35算是蹭热度的一个 Feature, 我通过 F12 试图去查看是如何实现的,也抠了一些音频、图片资源下来。后来在 github 上找到了一个现有的项目 Thanos_Dust, 所以参考了部分它的代码。 其实它的代码已经算比较完善了,在它... -
查看网站上保存的密码
2016-04-22 15:12:00Chrome有个保存账户的功能,点击保存网站账号密码,浏览器下次就记住你的号码了,...Chrome的审查元素可以搞定这个:(按F12进入),以人人网为例,教大家如何看到密码: 1 找到密码输入框的代码: 2.将type的... -
还在用DW?使用chrome开发者工具作为前端编辑器
2018-10-20 20:05:35chrome本身自带了一个编辑器,支持代码高亮显示,自动提示,自动缩进,再加上可以实时查看文档DOM和编辑CSS,简直不要太好用!支持多文件编辑! 下面就来看看如何使用这个工具。 1.打开chrome 按下f12键 按下之后... -
this.$http.post()如何手动定义请求的content-type
2020-12-26 19:33:49那么F12查看header头里的Content-type会变成application/x-www-form-urlencoded 2、如果post里传的参数是json对象(不序列化),Content-type 自动变为application/json <p>Content-type的不同对... -
实验室第三周任务
2020-11-26 21:13:08网页源代码:主要考察如何查看网页源代码(chrome和firefox均用F12打开) 第二题 robots协议:robots是网站跟爬虫间的协议,用简单直接的txt格式文本方式告诉对应的爬虫被允许的权限,也就是说robots.txt是搜索引擎... -
(入门)攻防世界-Web新手练习区题解
2020-09-18 18:30:56攻防世界-Web新手练习区题解 第①题 view_source ⑴打开题目场景,提示’flag is not here’,于是右键查看源代码,发现右键不起...打开 HackBar 之后用 查看器 查看源代码就发现了 flag,这道题就解决啦!恭喜恭喜 ... -
去掉FishEye里在review时的红色提醒信息
2013-04-23 14:35:00在FishEye review时的红色提醒信息显示出来,特别占...1. 用F12 查看所要去掉的元素,然后查看此元素的css style所在的文件 2. 找到此文件(我是全部导入到eclipse下面进行整体查找,找出好多个文件,一个个试出来... -
VS快速跳转快捷键
2021-02-19 15:38:35在VS2010或者VS2015中,大家经常会用到编译环境中的快速跳转功能,此时可以用F12来快速跳转到想要查看的代码的位置处,但是看完源码以后,如何能够快速返回先前的位置呢? 两种方式 使用Ctrl+g,可以通过输入先前... -
主题博客添加 h5 贴边音乐插件
2020-06-21 13:34:00当时就想把微博那个移植过来,首先我用谷歌浏览器F12 查看页面源码,和检查元素代码,发现那个写的太复杂,无法直接拿过来用,在网上查询 ,微博的音乐电台插件如何实现,也没有找到实质的东西。 首先看下微博音乐... -
网站打开速度太慢?不单单是网络问题
2019-09-18 06:53:27网站访问速度慢?马上检查下这几点你就知道了。 1.用IIS7网站监控先检查一下网站是否有安全方面的问题,没有...打开谷歌或360浏览器,打开你要测试的网址,按下F12或FN+F12键,刷新网页,就可以查看网页大小了! 3...
-
联想EXCEL培训资料.ppt
-
Docker从入门到精通
-
营销葵花宝典.txt
-
MySQL 四类管理日志(详解及高阶配置)
-
占据主动!刘强东微博营销之道.pdf
-
深究字符编码的奥秘,与乱码说再见
-
基于SSM实现的房屋租赁系统【附源码】(毕设)
-
apache-jmeter-3.1.7z
-
MySQL 性能优化(思路拓展及实操)
-
U盘量产软件.zip
-
python日常记录之——Python内置进制转换函数
-
clion切换GDB 和 LLDB
-
Web前端面试题总结(HTML)
-
Scanner类 通过Scanner类来获取用户的输入
-
华为1+X认证——网络系统建设与运维(初级)
-
删除本地镜像(5)
-
摄影测量之内定向程序.zip
-
大数据的基本概况.jpg
-
linux云服务器上使用免费版natapp进行内网穿透
-
机器视觉学习基础绪论及应用