Skip to content
🔥💥对抗假消息系列项目之一:截屏 = 实锤?相信你就输了!One of the series of boycott fake news projects:Don't turst the screenshots!
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build 优化Webpack配置:解决热更新时编译过慢的问题:svg sprite过慢; Mar 4, 2019
config 优化Webpack配置:解决热更新时编译过慢的问题:svg sprite过慢; Mar 4, 2019
dist 打包文件; Apr 7, 2019
src 移除acfun下的图片; Apr 7, 2019
static 路由配置修改为动态加载组件;删除zhihu中html、css部分;增加打包后的文件供netlif使用; Feb 26, 2019
.babelrc 优化Webpack配置:解决热更新时编译过慢的问题:svg sprite过慢; Mar 4, 2019
.editorconfig 路由配置修改为动态加载组件;删除zhihu中html、css部分;增加打包后的文件供netlif使用; Feb 26, 2019
.gitignore 删除.cache文件 Mar 1, 2019
.postcssrc.js 路由配置修改为动态加载组件;删除zhihu中html、css部分;增加打包后的文件供netlif使用; Feb 26, 2019
LICENSE 添加开源证书; Mar 7, 2019
README.md
favicon.ico 优化Webpack配置:解决热更新时编译过慢的问题:svg sprite过慢; Mar 4, 2019
index.html 修改README;修改网站Title; Mar 24, 2019
package-lock.json 新增ACFUN Mar 11, 2019
package.json 添加进度条动画 Apr 6, 2019
yarn.lock 打包文件; Apr 7, 2019

README.md

虚假截图助手/FakeScreenshot

这是一个可以“伪造”微博、知乎、豆瓣、acfun、简书等网站界面截图的网站。但本网站是为了告诉(不懂编程的)普通人:不要轻易相信网上看到的“截图”!

写在前面


如果有一天你在群里看到这么一张图,你第一反应是什么?

微博截图

“卧槽,这么快?”

“正好这段时间没事做,学一下”

“和2.0有什么区别啊?”

“求你们别更了,我学不动了.jpg ?”

"支持TS吗?"

不管怎样,只要第一反应不是怀疑其真实性,那么你就是“假截图”的受害者!

我们都曾看到过各种截屏:包括不限于知乎微博豆瓣NGAV2EXQQ微信各种新闻站...

如果那些截屏内容只涉及到段子还好,但多数情况不是。它们往往和某事/某人有关,这(假截图)就极有可能导致人们对该事/人产生错误的看法(之所以说错误,是因为我认为大多数假截图的制作者都怀有不良动机。)

另外,多数人并不会去主动验证该截图描述事情的真伪(不这么做的原因这里不做讨论),这是“假截图”泛滥的重要原因之一。

对此我们能做什么呢?

三个方向:1. 阻止传播(极难实现)2. 告诉人们应该主动去求证(很难实现)3. 至少告诉人们首先应该持怀疑态度(有些可能性)。

我选择了第三个方向。而方法呢,我选择反其道而行之,开发一个帮助人们非常简单地制作常见网站、软件的虚假截图(当然,内容可以由用户自定义) 的网站(针对QQ、微信等手机软件的虚假截图制作,我们也考虑开发一款App)。

通过本项目制作出来的假截图的传播来告诉人们这样一件事:“哦,原来各大网站/App的截图都可以造假啊!”

后期如何传播我们的“造假”网站?

我们项目制作出来假截图时,可以在右下角添加一个“非常不明显”的水印来指向我们的“造假”网站

那么你说下一次,这个人再看到这种截图的时候,他会不会第一时间对内容保持怀疑呢?

FAQ


假截图就全是不好的吗?

答案当然是否定的。另外,这类问题实在没什么意义,因为这个世界上就没有几件能 “100%肯定” 的事情。(建议尽早摒弃这种“非此即彼”的极端思想,于人生无益)

这个项目的意义在哪里?

告诉人们看到任何截图的时候都应该保持怀疑。

我不会Vue,只会React/Angular可以参与吗?

我选择某个技术栈的原因只是想确保一点,项目能进行下去,因为我会Vue、React、ReactNative,使用这三个技术栈,我能把项目推进下去(因为很可能大多数代码都是我来写 🤣 )所以就不考虑Angular了。

所以你只要掌握Vue(现在项目是Vue,看有没有人参与吧,再讨论要不要换React)、React、ReactNative中的任一项,都可以参与进来。

如何贡献代码


Coding前你需要知道:

  1. 项目待办事项由 Github Projects 管理
  2. 样式100%模仿实现思路:相关的HTML、CSS不是自己实现的,而是利用Chrome扩展SnappySnippet提取的某DOM的HTML及CSS。但这个插件在有的时候无法正确提取出某些HTML、CSS。所以方法二:IE/Edge浏览器控制台,DOM右键菜单有个提取HTML及样式的功能。得到目标HTML、CSS后,就可以添加到项目中,然后利用Vue的双向绑定等特性进行“改造”了
  3. 多参考其他代码

协作流程:

  1. Fork
  2. Write code
  3. Pull Request

开发时遇到问题也可以在issue区提出来,我们一起讨论。

如何运行


确保你本地有Vue开发环境

git clone git@github.com:thegreatjavascript/FakeScreenshot.git
cd FakeScreenshot
yarn // or npm install
yarn run dev // or npm run dev

浏览器打开:http://localhost:8080

You can’t perform that action at this time.