这是一个创建于 3029 天前的主题，其中的信息可能已经有所发展或是发生改变。
一个做设计的学生来问，怎么把网页的源代码给隐藏起来。 她的网页上有很多自制的 css,js 代码，以及一些艺术作品，不想别人轻易的拷贝或者下载了。
大家有什么办法吗？
 | 1 baicai0817 2018 年 1 月 9 日 你自己开发一套系统。 |
 | 2 msg7086 2018 年 1 月 9 日  42 利用服务器渲染功能，把整个网页转换成图片，然后发给用户，这样他们就看不到源代码了。 |
 | 3 xooass 2018 年 1 月 9 日 2 做不到，能打开你的页面，就一定能下载页面上的所有资源。 所有什么加 JS 屏蔽右键，加嵌套等等的对于有经验的人来说都是掩耳盗铃 |
 | 4 zakokun 2018 年 1 月 9 日 简单来说就是禁止右键，这样可以防住很多小白了。 真正想彻底禁止几乎不可能 |
 | 5 1609629379 2018 年 1 月 9 日 via Android 这个很容易，我之前看到过一个网页为了防盗源代码，只要点击鼠标右键，网页立马就会变成一行字，说什么不能右键。 |
 | 6 xwhxbg 2018 年 1 月 9 日 4 建议 js 用 jsfuck 编译一下，基本上就是[]()+这种造型了，或者用 web assembly，出来是 assembly language 没有 source map 想反编译比较难，不要写 css 了，用 js+canvas 自己实现样式，同样的 js 过一下 jsfuck，或者用 rust 写 assembly。 |
 | 7 meszyouh 2018 年 1 月 9 日 直接给出一张图片 |
 | 8 f2f2f 2018 年 1 月 9 日 1 @1609629379 你这个要破解更容易，一个 js 的事 |
 | 9 x86 2018 年 1 月 9 日 @1609629379 view-source:URL |
 | 10 ORZRRR 2018 年 1 月 9 日 13 我笑出了声，你们呢？ |
 | 11 kidult 2018 年 1 月 9 日 1 直播打开网页给客户看 |
 | 12 whypool 2018 年 1 月 9 日 服务端渲染成图片； 没其他办法 |
 | 14 xiaodongus 2018 年 1 月 9 日 自己做个浏览器，不带查看源码功能。让网站只能通过自己做的浏览器打开。其他浏览器全部屏蔽，完美！ |
 | 15 zpf124 2018 年 1 月 9 日 4 最初级：禁用右键，初级菜鸟就能见到防一下。 高级：uglify，把 css 和 js 都混淆了(其实就对 js 意义大点)，让人看着和修改费劲。 宁死不从： 用 flash 渲染数据 或者 后台渲染数据前台就收<img src="内容.jpg">, 再或者 assembly (这个要求浏览器版本得比较新) |
 | 16 cnwtex 2018 年 1 月 9 日 |
 | 17 learnshare 2018 年 1 月 9 日 没必要，核心功能和数据在服务端做好防护就行了 |
 | 18 bzw875 2018 年 1 月 9 日 彻底隐藏做不了，可以混淆压 css 和 Javascript 啊，增加一点难度 |
 | 21 moxiaonai 2018 年 1 月 9 日 gulp 压缩一下 |
| 22 moxiaonai 2018 年 1 月 9 日 还可以屏蔽页面右键，屏蔽 f12，可以让大部分人看不到，但是解决不了根本问题 |
 | 23 tabris17 2018 年 1 月 9 日 webassembly |
 | 24 pkaq 2018 年 1 月 9 日 10 有时候你以为重要的东西 其实并没有那么重要 这原本就不是一个技术问题 作为老师何不去解开此生心结；） |
 | 25 mokeyjay 2018 年 1 月 9 日 1 只能是服务端渲染为图片，不然抓包 GG |
 | 26 dangyuluo 2018 年 1 月 9 日 Https，再加个壳？ |
 | 27 imn1 2018 年 1 月 9 日 防不防 wget 呢？ |
 | 28 taojing10 2018 年 1 月 9 日 via Android 教你……拍成视频，然后放上去就行了…或者十年前大家 flash 写过网页，你可以复古一下 |
 | 29 misaka19000 2018 年 1 月 9 日 via Android @xiaodongus 没用的 抓个包就能看到了 |
 | 31 rocksolid 2018 年 1 月 9 日 1 说句实话,设计重要的是创意,别人都能看到了,就算没代码,写一个很困难么? |
 | 32 alex321 2018 年 1 月 9 日 你的东西很重要么。。。这年头天外有天人外有人。花大力气做的东西，可能自己认为很重要；在别人眼里，很可能都不入眼。 老师应该更清楚这种问题吧。 |
 | 33 Mutoo 2018 年 1 月 9 日 3 正确的方法难道不是加水印加版权申明吗 |
 | 34 image72 2018 年 1 月 9 日 如果熟悉 react 相关开发， 可以直接使用 react-native 相关技术。 mobile app 就直接 react-native, PC 使用 react-native-macos，react-native-windows 轻松加愉快 |
 | 35 bumz 2018 年 1 月 9 日 via iPhone 那就把网页替换成截图呗 |
 | 36 skyfore 2018 年 1 月 9 日 @xiaodongus electron ? |
| 37 f2f2f 2018 年 1 月 9 日 @cnwtex <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8"> <meta name="viewport" cOntent="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover"> <title>测试页面</title> </head> <body> <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> <script> Function("".replace(/.{8}/g,function(u){return String.fromCharCode(parseInt(u.replace(/\u200c/g,1).replace(/\u200d/g,0),2))}))(); </script> </body> </html> |
 | 38 yulitian888 2018 年 1 月 9 日 楼主想多了，这个防不住的 稍微有点经验的前端开发人员看几眼，就能仿制出来一个大体差不多的东西，保护原始代码的价值何在？ |
 | 39 jisibencom 2018 年 1 月 9 日 @f2f2f 这个看起来很高级的样子，怎么解？ |
 | 40 Tink PRO 服务器渲染 |
 | 41 JohnChiu 2018 年 1 月 9 日 @1609629379 禁用 js 不久破解了嘛，前端根本防不住的。。。毕竟是由浏览器解释的超文本标记语言 |
 | 42 vjnjc 2018 年 1 月 9 日 二楼方法不错，服务器调用 chrome api 生成网页截图发给客户端~ |
 | 43 gongcheng121 2018 年 1 月 9 日 只要能看到，就能复制 |
 | 44 SakuraKuma 2018 年 1 月 9 日 大家只能让你死心. |
 | 45 bzzhou 2018 年 1 月 9 日 楼主想多了 |
 | 46 hjdtl 2018 年 1 月 9 日 用 electron 吧 |
 | 47 xd314697475 2018 年 1 月 9 日 1 普通级 1.禁用右键 专业级 2.css ，js 代码压缩 混淆 专家级 3.直接截图展示或者远程桌面 |
 | 48 shiny PRO 1 不如给学生普及下知识产权保护相关的措施和办法。这不是一个技术问题。 |
 | 49 uuair 2018 年 1 月 9 日 还有一个办法，这是我在 v2 上听说的，就是在写代码的时候，要写很多无意义的代码，函数名称也要用那些无意义的，看起来很正规，很有用的名字，能用 100 行写就不用 1 行，这样基本上看得懂的人，因为看不懂源码的意思，而放弃。。 |
 | 50 jason19659 2018 年 1 月 9 日 很简单啊，不要用自己的 css，不要放自己的作品别人就下载不到了 |
 | 51 shiroming 2018 年 1 月 9 日 via Android 大家都那么忙，哪有闲工夫看你的代码 |
 | 52 fulvaz 2018 年 1 月 9 日 放弃吧.. 就算用图片或者视频, 菜鸡如我都能花一周抄了 |
 | 53 trn4 2018 年 1 月 9 日 via iPhone 1 正解应该是版权声明+法律手段。话说知道看源代码的会不知道怎么绕过右键屏蔽。 |
 | 54 laoyur 2018 年 1 月 9 日 @1609629379 #5 > 这个很容易，我之前看到过一个网页为了防盗源代码，只要点击鼠标右键，网页立马就会变成一行字，说什么不能右键。 @zpf124 #15 > 最初级：禁用右键 @xd314697475 #47 > 普通级 > 1.禁用右键 ---------- 噗，心疼 1609629379 一秒 |
 | 55 Light3 2018 年 1 月 9 日 我觉得只有贴图片可以.. 禁止右键 防小白而已.. 你写乱七八糟的命名 也只是减缓看代码的时间 没啥实质性的用处.. 还有代码这种东西 真的有保护的必要吗.. 就如 24 楼所说的.. |
 | 56 lulinux 2018 年 1 月 9 日 首先我想说的是支持楼主的做法。真要防止侵权的话，建议找专业的公司，利用大数据，一逮一个准。到时候抄袭侵权者就像老鼠怕了猫一样乖溜溜的。 |
 | 57 panda1001 2018 年 1 月 9 日 via Android 1 做设计应该是的瞄上一眼就能复现，根本没必要在乎代码的实现方式 参考知乎 [做出这类 UI 插画需要掌握多少知识 /技能？] https://www.zhihu.com/question/263980848/answer/288745639 |
 | 59 overflowHidden 2018 年 1 月 9 日 全用图片只适用于纯展示吧，万一有个 css3 动画咋办。js 混淆倒是行，css 防了也没用，有经验的都能仿出来。禁用右键也是白瞎，火狐上有一键下载网页源代码的工具。。。浏览器向来是防君子不防小人，不要想得太强大了 |
 | 60 rootsir 2018 年 1 月 9 日 @xiaodongus 不顶用，可以抓包，直接看内容 |
 | 61 liuminghao233 2018 年 1 月 9 日 via iPhone 自己做 app 写个协议用 socket 传 顺便加密一下 楼上那些说用 https 什么禁止右键的 这种方法只对他们自己有效 |
 | 62 thrall 2018 年 1 月 9 日 4 那么多开源的 design 不用，去看一个学生的设计？ 自以为有价值罢了 |
 | 63 A3m0n 2018 年 1 月 9 日 我巴不得别人来看我的代码。 |
 | 64 silencefent 2018 年 1 月 9 日 想太多，不做 seo，robot.txt 禁止抓取，没人看得到你的网站 实在不行，展示在 tor 网络，记不住地址+不被收录 意义何在 |
 | 66 Funian 2018 年 1 月 9 日 防不胜防 |
 | 67 UnPace 2018 年 1 月 9 日 屏蔽 F12 |
 | 68 hxsf 2018 年 1 月 9 日 说转图片的，请问 js 交互呢 ？ 不要交互，直接截图不就完了，还毛个服务器渲染。。。 说禁用右键的。。。。。。不说啥了 说用别的东西重新写的，考虑过成本么。。。 建议： 1. 开导下他，没有保证无法被逆向的技术。 2. 创意是最有价值的，也是最没有价值的。 > 她的网页上有很多自制的 css,js 代码 加 License，做点加密和混淆工作，增加点逆向难度。（永远无法保证被逆向） > 以及一些艺术作品 加水印， 加 License。 |
 | 69 kimqcn 2018 年 1 月 9 日 1 可以用 flash 显示 |
 | 70 anasplrt34 2018 年 1 月 9 日 ww 有时候你的东西并没有那么重要 有谁会无聊到去抄一个才毕业的学生的网站的 css 吐槽完毕 js 混淆呗 没谁会为了个 css 而反编译的 有那功夫干点啥不好 |
 | 71 szdubinbin 2018 年 1 月 9 日 我们做微信公众号 /小程序开发，见到竞品有啥我们都能弄过来.... |
 | 72 iyour 2018 年 1 月 9 日 前端现在还有看源码才能仿得出来的东西么？ |
 | 74 66beta 2018 年 1 月 9 日 2 那么回到起源，当初为什么要晒出来给别人看？ |
 | 75 likuku 2018 年 1 月 9 日 1 作品转成视频吧。假若是页面效果，那就录屏，视频且必须付费观看。 其它办法，要么自己开发一整套闭源展示系统。 其实即便页面的，一定要保密，可以尝试用游戏引擎开发一个本地运行的 App， 把自己想法创意来实现，只发布编译的 2 进制版。抄袭没法杜绝(律师团+付费获取) |
 | 76 fy 2018 年 1 月 9 日 css 和 js 都能混淆，需要的话就配置一下呗 |
 | 77 huclengyue 2018 年 1 月 9 日 via Android @1609629379 不能右键就不能看代码了？？ |
| 78 hxsf 2018 年 1 月 9 日 via iPhone |
 | 79 tjsdtc 2018 年 1 月 9 日 https://passport.ly.com/ 之前看到这个页面的实现挺有意思的，一打开开发者工具就进断点了，估计是判断开启开发者工具以后在一个死循环里面 eval 了一段包含 debugger 的代码，虽然感觉本质上并没有什么卵用…只能给人家拷代码带来一些阻碍 |
 | 80 miniwade514 2018 年 1 月 9 日 A. JS uglify B. 主动把自己的作品提交到 Dribbble 或 Github |
 | 81 deepkolos 2018 年 1 月 9 日 远程桌面这招厉害, 见过实验楼用过, 还有腾讯云网页版的远程 |
 | 82 Jackeriss 2018 年 1 月 9 日 网址都不贴怎么帮你分析问题？ |
 | 83 nosay 2018 年 1 月 9 日 1.禁右键 2.禁 F12 3.网页数据全部 ajax 取 但是还是只能防小白，碰到稍懂的人全部歇菜 反正如果怕就别传上网 如果怕就弄成图片加上版权水印 完了 |
 | 84 WytheHuang 2018 年 1 月 9 日 放 U 盘算了, 又要威, 又要戴头盔. |
 | 85 konakona 2018 年 1 月 9 日 你可以把 css 和 js 压缩，这样别人拿到后即便能复用，也不能修改。因为变量名和关系已经乱套了，23333 |
 | 86 yanqing07 2018 年 1 月 9 日 |
 | 87 4263Ad06Awk3b1Do 2018 年 1 月 9 日 小白就算看到你的代码也没用，真正搞前端的，不存在隐藏源代码这一种东西。 |
 | 88 Khlieb 2018 年 1 月 9 日 via Android |
 | 90 chztv 2018 年 1 月 9 日 自制的 css 和 js ？如果只是一些函数，要让这个学生相信，肯定 Google 上能找到比他写的更好的 css 和 js，没有隐藏的必要。至于艺术作品，放个缩略图就行，没啥好怕，真正的设计是属于他的，别人偷不走。 |
 | 92 lbp0200 2018 年 1 月 9 日 让她自己留着，不要给任何人看。 |
 | 93 killerv 2018 年 1 月 9 日 根本防不住 |
 | 96 F1024 2018 年 1 月 9 日 自制的 CSS JS 代码有啥用 还能玩出花来？ 图片视频的话 可以加水印 |
 | 97 wizardforcel 2018 年 1 月 9 日 @lulinux 现有技术完全可以把 swf 逆向为 ActionScript。 |
 | 98 TheGonG 2018 年 1 月 9 日 好像上次有 v 友也是了问题.... |
 | 99 sunnyadam 2018 年 1 月 9 日 基本无解 |
 | 100 M003 2018 年 1 月 9 日 @xwhxbg 昨晚刚处理了一条,大同小异,你把正常的 js 编译之后 把一串看不懂的字符串的最好一个"()"换成 ".toString() ",然后在控制器中运行一下,你看到一个新世界. |
Select Language