有个神奇的东西叫做审查元素，按下神奇的F12，就是见证奇迹的时刻。审查元素真的是一个强大功能，有的时候看中别人网站的某个样式做的比较好，按下F12审查元素来查看别人的代码，统统扒过来。那么如果防止别人查看自己网站的代码，扒代码呢，当然，也只是防新手而已~心理安慰~
众所周知，审查元素的情况下，大家都可以随机更改一部分页面的代码， 注入恶意JS等等，这种情况避免也不难，虽然还能看到一部分H5源码，但是无法修改
在七禾网站上，只要左键选中一段文字，就会蹦出个百度分享，导致针对选中文字的右键操作，比如qq浏览器中的收藏选中文字功能无法正常工作（原因是百度分享先弹出后抢了焦点，再点右键后选中的文字被取消选中了），试了各种浏览器设置方法都去不掉这个烦人的百度分享弹屏。
在前端开发中，F12审查元素的情况下，大家都可以随机更改一部分页面的代码，注入恶意JS等等，这种情况避免也不难，虽然还能看到一部分H5源码，但是无法修改。
屏蔽鼠标右键 document.oncontextmenu=new Function("event.returnValue=false"); //禁止右键功能 document.onselectstart=new Function("event.returnValue=false"); //禁止选择文字 屏蔽F12调试 /*document.oncontextmenu = function(){return false;}*/ document.onkeydown=funct
先来一种最简单的方法，它直接在body属性定义了oncontextmenu，使得右键的值为false，起到了屏蔽右键的效果。
有些网站真是可恶，把右键屏蔽了不给复制，这样还不行（因为可以使用快捷键CTRL+C复制） 他们竟然不让我们选择文字。。。这样下来我们既不能复制，连源代码都不能看了。是可忍孰不可忍，既然这样，那我就不客气了！
一般flash在网页显示出来就可以了，不用说与JavaScript之间交互的问题，但有时应用又较为特殊(须兼容各主流浏览器)：
代码如下： JS复制JS复制JS复制 <script type="text/javascript"> //屏蔽右键菜单 document.oncontextmenu = function (event){ if(window.event){ event = window.event; }try{ var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowe
在默认情况下，input文本框和图片无法自然对齐，总会有所偏差，文本框往往会比图片要往下边一点，只要给元素添加vertical-align:bottom即可令两者底部水平对齐，代码如下：
这两天回了家从感觉浏览器行为有些怪异，有些熟悉的网页无故出现了额外的竖直滚动条，有时候是两个，有时候甚至到了3个！我是用的是chrome浏览器，像现在wp后台添加文章的页面就是有3个竖直滚动条的。
PWA的全称是Progressive Web Apps，译为渐进式网络应用程序。装配了PWA以后，用户可以将网站作为WEB APP安装到自己的设备上，以原生应用般的方式浏览博客，同时借助PWA的缓存机制，能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同，但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客，但是视方案不同会有很多BUG，而且离线博客意义何在啊！
目前，谷歌浏览器市场占有率最高，谷歌公司号称不作恶，实际上也作了一些恶，只不过底线比百度高一点。因为各类屏蔽广告的插件有损谷歌自己投放的广告的收益，因此谷歌对广告屏蔽插件下手了，削弱插件的屏蔽效果，以展现更多的广告。谷歌还通过在自家网站上提示不支持其它浏览器的手段，来打压其它浏览器。（由于CSDN现在基本不能发超链接了，下面这几篇文章我原本给了连接的，但现在不得不删掉，大家自己按标题搜索文章吧）
本段js需要引入jquery，请自行引入吧！ 我测试的时候用的jquery2.1.4！ <script type="text/javascript"> $(document).ready(function(){ //jQuery 屏蔽右键 $(document).bind("contextmenu",function(e){return false;});}); $(document).ready(function() { //jQuery 屏蔽F5 $(document).bind("keydo
本段js需要引入jquery，请自行引入吧！ 我测试的时候用的jquery2.1.4！ <script type="text/javascript"> $(document).ready(function(){ //jQuery 屏蔽右键 $(document).bind("contextmenu",function(e){return false;});}); $(document).ready(function() { //jQuery 屏蔽F5 $(document).bind("key
自定义右键菜单——复制到粘贴板 需求： 鼠标在li标签上点击右键出现菜单，主要是复制等功能 屏蔽浏览器默认右键点击事件 右键菜单出现在鼠标点击的位置 点击屏幕其他位置菜单消失 点击之后有回调 实现： 1、使用jQuery - 右键菜单插件contextMenu 在项目中引入jquery.contextMenu.js 和 jquery.contextMenu.css， 同时 contextMenu 依赖 jQuery。 初始化插件 $.contextMenu({ selector: 'li',
转自青之蓝图 (opens new window) 其实Windows 10系统的话，单纯查词，用UWP的必应词典是最简单干净的。 然而作为一个英语水平并不是很好的我，平常又少不了要看不少英文文献，屏幕取词功能此时非常重要，而UWP是不支持这些功能的…… 所以我们回到桌面词典软件，排个队： 林格斯词霸、金山词霸、有道词典、欧路词典
这次主要讲一下js模板和鼠标右键功能，东西比较简单，我就没有做demo，简单说下原理吧。
我们平常上网的时候，最讨厌广告了，今天给大家推荐一款开源的广告拦截插件 -- uBlock Origin ，目前在 github 上已经获得39.9k+ Star。
转用Chrome，不仅仅因为它的插件之丰富，更因为它的响应速度其他浏览器都望尘莫及。接着我就要写写一些心得。
有时候客户让加代码不让别人偷他的图片，文章之类的，需要用一些 js 屏蔽鼠标动作。
最近，在打开虎牙看直播的时候，发现电脑莫名的卡顿了，然后发现只要一打开斗鱼或者虎牙，CPU的占用就会急剧升高，我都怀疑是不是他们在用我的电脑挖矿了，然后通过搜索引擎发现，大家普遍都是这样。究其原因，就是斗鱼或者虎牙在利用大家的电脑的闲置带宽进行p2p上传来节省网络开支。毕竟白嫖的用户巨大，带宽是一项不小的开支，但是直接让CPU高占用以至于卡顿就不对了（此处帮部分读者省略5万字）。所以今天这篇文章就来带大家解决观看虎牙或者斗鱼直播导致的电脑卡顿问题。
做项目中遇到一个这样的需求，点击属性菜单节点，出现显示框，显示框的位置随着鼠标点击的位置距离而改变。
在前端开发的过程中会用到很多的浏览器插件，好用的插件，能帮助开发者在开发过程中减少很多工作量！
用 WordPress 来做博客程序完全是因为一款主题呢！ 就是，由 蜜汁路易 二次修改发布的 Siren 主题！ 它的前身就是由 Fuzzz 制作的 Akina 主题。
今天给大家分享一些实用的JS代码片段，有需要的朋友欢迎收藏！ 1、获取浏览器的版本 function getBrowser() { var UserAgent = navigator.userAgent.toLowerCase(); var browserInfo = {}; var browserArray = { IE: window.ActiveXObject || "ActiveXObject" in window, // IE Chrom
这是我自己想的方法，不知道大众化的方法是怎样实现的，其实分色就是利用bgcolor这个属性给表格上色
windows: ctrl + shift + i mac: cmd + opt + i
Darkmode.js 是由 Sandoche 开发的开源代码库，目前项目托管于 Github；用户可以通过轻量级的代码实现网站添加深色模式；除了默认切换方式，代码还提供了较为全面的自定义选项，用户可以根据自己需求进行切换。
Fabric.js 默认**没提供 鼠标右键事件**，只有 鼠标按键点击 、鼠标按键抬起 、鼠标移动 等事件。 但在工作中有可能需要用到 “右键” 事件，比如 “右键菜单” 。所以就有了本文。 本文主要关注 Fabric.js 的主要 api 有：
不知道大家有没有打开过浏览器的控制台，只需要 右键->检查/审查元素 就可以打开控制台，其中就能可以打印如下消息：
编写一个桌面应用，并在其中添加一个webview控件，就可以模拟成一个简化版的浏览器环境，然后通过js来实现双方的通信。 这种方式实现起来很方便，各种开发语言中都有webview控件，同时还实现了web应用的桌面驻留，使它看起来更像一个桌面应用。
之前写过一篇笔记，《使用fabric.js 快速开发一个图片编辑器》，简单介绍了如何用vue和fabric.js快速开发一款编辑器。
有时我们在电脑打开一个网页会提示：请使用微信打开！如下图所示，这是为什么呢？下面ytkah就从目的和解决方法来简要阐述一下
注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？[1]》
网页屏蔽鼠标右键Ctrl+N、Shift+F10、F11、F5刷新、退格键等按键 <script> //屏蔽鼠标右键Ctrl+N、Shift+F10、F11、F5刷新、退格键 function document.oncontextmenu(){ event.returnValue = false; } //屏蔽鼠标右键 function window.onhelp(){ return false } //屏蔽F1帮助 function document.onk
By Noxxxx from https://www.noxxxx.com/?post_type=post&p=2079 上山打老虎 欢迎分享与聚合，尊重版权，可以联系授权 广告屏蔽插件是一
有时我们不想让别人看到网站的源代码，怎么操作呢？一个简单初级的方法是屏蔽右键功能，如何实现？可以利用HTML里的〈body〉来修改，它只有以下短短的一行代码
谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能，Chrome变成了一个必须的工具。大多数可能熟悉关于chorme的许多特点，例如使用c
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 //AuthorJavaScript
这个属性设置 很好的在chrome中完成了需求。但是在IE中似乎就没有能够完成自己应有的任务了。 结合：
严格来讲，我们正在说的东西应该叫Chrome扩展(Chrome Extension)，真正意义上的Chrome插件是更底层的浏览器功能扩展，可能需要对浏览器源码有一定掌握才有能力去开发。鉴于Chrome插件的叫法已经习惯，本文也全部采用这种叫法，但读者需深知本文所描述的Chrome插件实际上指的是Chrome扩展。
========================以下为博客原文========================
chrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css.
上周跟大家分享了如何使用vue的自定义指令实现自定义浏览器右键菜单，大家都觉得挺有意思的，这次我把它做成了插件，上传到了npm仓库。
关于zblog主题模板手机移动端针对不同主题采用了不同的方案，有些是默认显示，有些不显示侧栏，总归没有一个完美的解决方案，所以今天就抽空水一篇文章，教大家怎么显示或者隐藏侧栏模板的内容。宁静致远主题没有侧栏，所以我们以这个主题模板为例，灌水开始。。。
如果你还不清楚 Fabric.js 有什么用，我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。该文能让你的前端技术再点亮一个技能点。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
