首先小李哥博客加了几个，为了防止小白，但是如果真想扒你的，是真的防不住的，所以本篇文章就是分享一个防止小白的一个弹窗，也算是一种网页美化吧！大家喜欢的就拿走吧。

样式一

6abd1722203455.jpg

样式二

8dad1722203455.jpg

这个弹窗个人觉得很好看，一般只有“复制提醒（未附带复制失败提醒）”、“禁用F12”、“禁用鼠标右键”，小李哥博客这里把常见的“禁用Ctrl+U”、“禁用Ctrl+S”、“禁用Ctrl+Shift+I”等都分享给大家，新增了“禁用Ctrl+P”、“禁用Ctrl+F”

安装教程

首先将下面的代码放到网站头部header.php类似的文件里面。一定要放在</head>标签的前一行，避免样式加载不出来。

<!-- 引入VUE -->
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
<!-- 引入样式 -->
<script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script>
<!-- 引入组件库 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/packages/theme-chalk/lib/index.css">

很多萌新站长不懂为什么要把上面代码放里面，因为上面的代码是为了用户如果按禁用按钮，他会提示，相当于提示代码吧

由于调用的是远程的CSS和JS文件，防止远程地址失效小编做了本地化处理。把文件上传到你的网站目录内自行调用即可。自行下载即可。

附件下载

第二步

我们把下面的加载代码放到网站头部header.php类似的文件或者放在网站底部页脚footer.php类似的文件里面，放到底部好一点，还有我这个人不喜欢去收费，我就设置一下评论可见吧。

JS代码