精华内容
下载资源
问答
  • 有时候,我们想要别人看不见...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 0XD

    Keycode常数表


    可在代码中的任何地方用下列常数代替实际值:

    常数 值 描述
    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 键

    展开全文
  • F12打开调试工具 2. 点击控制台,在空白处填写js代码,然后回车运行,如图: 3. 点击调试器 在你要调试的那段js代码上点插入断点 4. 在页面上操作 5. 按F11进行逐步调试 6. 在调试过程中如遇到错误...
    1.   按F12打开调试工具

       

      2.  点击控制台,在空白处填写js代码,然后回车运行,如图:

       

      3. 点击调试器

        在你要调试的那段js代码上点插入断点

       

      4.  在页面上操作

      5.  按F11进行逐步调试

      6.  在调试过程中如遇到错误,它会跳出调试,并提示错误信息,可以返回控制台查看

       这样你就可以根据提示的错误修改代码

    转载于:https://www.cnblogs.com/aileen/p/4821336.html

    展开全文
  • 安装Chromeframe,F12打开开发者工具,一直显示正在加载html,是否有办法在此处看到html代码
  •  chrome F12开发者模式(或者是鼠标放到指定位置,右击选择“检查”)查看网页源代码,在style中找到代码风格的设置: 复制这段代码,进入博客的后台。 将代码复制到CSS代码定制代码页面栏。 ...

      一直觉得博客园“插入代码”功能的默认代码字体太小,多番查询网络资料,把这个问题解决了。

      作为菜鸟,在此记录以防忘记。

      用chrome F12开发者模式(或者是鼠标放到指定位置,右击选择“检查”)查看网页源代码,在style中找到代码风格的设置:

     

     

    复制这段代码,进入博客的后台。

     

    将代码复制到CSS代码定制代码页面栏。

     

     之后保存,你会发现代码的字体就真的变大了。

     

    转载于:https://www.cnblogs.com/jiangjian123/p/11311506.html

    展开全文
  •  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, 所以参考了部分它的代码。 其实它的代码已经算比较完善了,在它...
  • 在做自动化测试时,我们需要定位元素属性来进行操作,今天在做自动化时发现我要定位的登录注册元素找不到,我看了下代码发现,我xpath获取绝对路径后,发现找不到,F12查看代码如下代码如下# _*_ coding: utf-8 _*...
  • selenium如何定位span元素

    万次阅读 2019-02-12 16:02:48
    在做自动化测试时,我们需要定位元素属性来进行操作,今天在做自动化时发现我要定位的登录注册元素找不到,我看了下代码发现,我xpath获取绝对路径后,发现找不到,F12查看代码如下 代码如下 # _*_ coding: ...
  • 如何去转载一篇博客

    2021-02-26 10:11:52
    1、 点开某篇文章如何右键查看代码,或者审查元素,或者键盘F12 2、 ctrl + F 全文查找 article_content 3、 右键 copy->copy outerHTML 4、 打开markdown粘贴,选转载然后发布文章 尊重原创一定要标注转载-&...
  • 我们分析前端代码的时候,需要快速定位某个js文件,然后查看里面的源代码 2 具体操作 比如我在www.baidu.com这个页面,我们先按下F12, 然后点击到network,然后我们再快捷键 ctrl + p 比如我们要找tu_d03...
  •   新版博客不能设置皮肤(点击查看旧版皮肤下线公告),默认皮肤实在不习惯,自己研究了下,...博客设置 f12打开调试器,元素选择器选择皮肤,找到下面的代码 可以看到每一个皮肤为一个div元素,他们的 class属性...
  • 一、打开要转发的博客、按F12并点击查看器 二、复制页面的代码(此处用到一个小技巧) 1、鼠标点击该按钮 2、将鼠标放到图示位置,使变色的位置覆盖所有博客的内容后点击鼠标左键 3、看到下方代码区定位...
  • 该楼层疑似违规已被系统折叠隐藏此楼查看此楼我是新手,卡在这里了....但是在dreamweaver按下f12之后在tomcat的日志文件里面出现了以下错误代码.请教一下这是怎么回事,如何解决.感谢感谢!!!开发环境...
  • 上一篇博文(相机跟随及平滑)提供了示例代码下载,一些刚学习游戏开发的新手们可能不知道如何运行。 1.LayaAirIDE运行 打开LayaAirIDE--文件--打开项目 2.直接浏览器运行查看结果 既然是html5开发的,那...
  • F12 打开调试窗口(注意要在网页窗口,不是在源代码窗口,我的360浏览器, 其他浏览器类似) 在watch窗口增加刚才看到的变量 可以知道变量 CN2 代表的具体cdn网址,替换到网址中就得到最终的m3u8地址。...
  • 这三个键在查看代码的时候,特别有用。通过F12你可以快速的找到一个函数的定义,通过 Ctrl+减号你可以快速的返回到函数的调用处。 2、如何使用快捷键在当前代码行的上面或下面插入一行(推荐,很实用) 按下 ...
  • 算是蹭热度的一个 Feature, 我通过 F12 试图去查看如何实现的,也抠了一些音频、图片资源下来。后来在 github 上找到了一个现有的项目 Thanos_Dust, 所以参考了部分它的代码。 其实它的代码已经算比较完善了,在它...
  • Chrome有个保存账户的功能,点击保存网站账号密码,浏览器下次就记住你的号码了,...Chrome的审查元素可以搞定这个:(按F12进入),以人人网为例,教大家如何看到密码: 1 找到密码输入框的代码: 2.将type的...
  • chrome本身自带了一个编辑器,支持代码高亮显示,自动提示,自动缩进,再加上可以实时查看文档DOM和编辑CSS,简直不要太好用!支持多文件编辑! 下面就来看看如何使用这个工具。 1.打开chrome 按下f12键 按下之后...
  • 那么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新手练习区题解 第①题 view_source ⑴打开题目场景,提示’flag is not here’,于是右键查看代码,发现右键不起...打开 HackBar 之后 查看查看代码就发现了 flag,这道题就解决啦!恭喜恭喜 ...
  • 在FishEye review时的红色提醒信息显示出来,特别占...1. 用F12 查看所要去掉的元素,然后查看此元素的css style所在的文件 2. 找到此文件(我是全部导入到eclipse下面进行整体查找,找出好多个文件,一个个试出来...
  • VS快速跳转快捷键

    2021-02-19 15:38:35
    在VS2010或者VS2015中,大家经常会用到编译环境中的快速跳转功能,此时可以用F12来快速跳转到想要查看代码的位置处,但是看完源码以后,如何能够快速返回先前的位置呢? 两种方式 使用Ctrl+g,可以通过输入先前...
  • 当时就想把微博那个移植过来,首先我谷歌浏览器F12 查看页面源码,和检查元素代码,发现那个写的太复杂,无法直接拿过来,在网上查询 ,微博的音乐电台插件如何实现,也没有找到实质的东西。 首先看下微博音乐...
  • 网站访问速度慢?马上检查下这几点你就知道了。 1.IIS7网站监控先检查一下网站是否有安全方面的问题,没有...打开谷歌或360浏览器,打开你要测试的网址,按下F12或FN+F12键,刷新网页,就可以查看网页大小了! 3...

空空如也

空空如也

1 2 3
收藏数 46
精华内容 18
关键字:

如何用f12查看代码