转自：https://segmentfault.com/a/1190000000494090 Web前端开发过程中必然会用到Chrome浏览器自带的开发者工具Chrome DevTools，使用它作为Web前端开发性能调试的必备工具。就连隔壁的产品小哥都知道打开F12改一下页面元素的标签代码就能看到页面效果，这年头谁不会用Chrome开发者工具呀。 但是Chrome能做的远不止你平常用的那么简单，这一个小小的开发工具集成了很多高级的功能你未必知道。我打算把一些Chrome DevTools上使用的高级技巧写成《你不知道的Chrome DevTools》这一系列的博文，希望大家一起学习学习。 关于DevTools插件 应用于Chrome开发者工具的插件不同于普通的Chrome应用或者插件，它是给你的Chrome DevTools扩展更多的功能，方便你查看和调试web程序。它的安装方法跟Chrome应用的安装方法是一样的，可以通过Chrome应用商店或者直接crx安装文件来安装。 下面推荐几款DevTools插件，有些是博主亲自试用过的，希望对大家的开发调试有帮助。 jQuery Audit 安装地址：Chrome应用商店链接 jQuery Audit是让你可以在DevTools查看页面节点的jQuery属性和数据，方便你调试使用jQuery库的web应用。你可以在上面看到你选中的页面元素的jQuery的events、data等属性。例如，很多人都喜欢用$.data()来让jQuery节点对象缓存一些数据，通过jQuery Audit你可以很方便地看到你缓存的数据。 jQuery Audit会自动在Elements面板的最前面加上window和document对象，这对你调试全局的对象很有帮助。例如，出于对性能的考虑，当你想查看绑定在window上绑定了哪些事件的时候，jQuery Audit可以帮你找到。 其他详细的用法可以查看官方文档。 JS Runtime Inspector 安装地址：Chrome应用商店链接 JS Runtime Inspector让你可以在DevTools上直接通过关键词来搜索页面上JavaScript对象。当你想知道此时你的程序中某个JavaScript对象的属性和数据，然而你并不知道它所在哪个作用域，只知道对象名称，因而你不能在控制台用window.xxxObj的方式来访问这个对象，所以此时你可以借助JS Runtime Inspector来查找这个对象了。 如图所示，可以通过对象名称和值来匹配查找，点击搜索后会在控制台输出查找到的结果。 Devtools redirect 安装地址：Chrome应用商店链接 Devtools redirect可以帮你给页面上的网络连接重定位。事实上网络请求重定位的功能，可以用fiddler或者ngix轻松实现，但Devtools redirect可以让你直接在浏览器上配置这些重定位。 jQuery Debugger 安装地址：Chrome应用商店链接 jQuery Debugger顾名思义就是帮你debug jQuery啦:-) 它主要有两大功能： 1. 通过选择器字符串来查找页面上的某个元素，等同于你在代码里写$('ul>li')这样的方式。 2. 查看页面某个元素的jQuery对象属性。这有点类似前面说过的jQuery Audit插件。 Grunt DevTools 安装地址：Chrome应用商店链接 一个可以在DevTools快速运行和查看Grunt任务的插件。有了它，你就不用经常地在浏览器工具、terminal和编辑器上来回切换窗口了。 详细描述可以查看官方文档。 CoffeeScript Console 安装地址：Chrome应用商店链接 有了它，你可以在DevTools上直接执行CoffeeScript和JavaScript之间的代码转换。 Angular Batarang 安装地址：Chrome应用商店链接 这个不用解释，开发和调试Angular.js应用的神器。 类似的针对不同js框架的调试工具还有：Backbone DevTools 、 KnockoutJS Context DevTools Theme 最后介绍的不是DevTools的插件，而是主题。大家或许有疑问：这个由什么用呢？嗯，没错，就是装B用的。当别人看着你在调试网页的时候，打开的Chrome开发工具竟然是如此高大上。。。

原文链接： http://www.cnblogs.com/rgyz/p/6134031.html 在飞机上用关机时间看完了这本新书，去程和返程各看一半，书太薄了时间刚刚好。刚看没多久的时候我很失望，原本我以为这是本全面介绍deep web的技术概述性书籍，没想到翻开来才发现这是一个非技术类记者写的，掺杂大量小说技巧的纪实文学。但随着阅读的逐渐深入，我渐渐的融入作者的经历之中，找到了读这本书的正确姿势。在读完之后，我已经完全扭转了之前的糟糕印象，这确实是本很棒的书，虽然几乎没有谈到什么技术细节。深网这个概念给人们的第一印象就是神秘之地，而其中的匿名网络确实也充斥大量的犯罪行为，在这种情况下使用者都会绞尽脑汁发明各式技巧并隐藏自身，我想象有一本书能全面介绍其内情确实过于异想天开，即使真的出现类似书籍其内容也会立刻淘汰。这本书对完之后我有所感触，确实要从更大的视角来看深网，其本质上只是一种对于当前网络审查和监控的反抗，代表的是传统对于自由的追求，而这些对于社会和技术的长期发展是大大有益的。 转载于:https://www.cnblogs.com/rgyz/p/6134031.html

参考文章：http://blog.chinaunix.net/uid-22414998-id-2876249.html 我想要的效果如下： 实际却如下： 列头之间的那条白线很是不爽 解决方法，给table设置collapse即可： table { … border-collapse:collapse; }

准备场景如下： 之前有详细讲解过激光线效果，不会的可以看看下面地址文章： http://blog.csdn.net/qq_15267341/article/details/53379523 本篇文章重点是讲解选中边缘高亮效果 边缘高亮的插件切记要用Highlight Glow System v5版本 需要边缘高亮效果的物体上添加ShaderGlow脚本 GlowMode：选择User Call Functions选项，因为我们要通过射线撞到了才显示 FR：徐海涛（Hunk Xu) QQ技术群：386476712

北京时间8月19日早间消息，挪威信息安全专家佩尔·索谢姆(Per Thorsheim)周二表示，婚外情交友网站Ashley Madison遭到了黑客攻击，而一些用户数据被窃取。 索谢姆表示，这些数据已被发布至“暗网络”。这些暗网络网站无法通过谷歌或普通搜索引擎去搜索，通常只能通过Tor浏览器去浏览。被公布的数据包括用户的姓名和信用卡号码，以及用户在Ashley Madison网站上的消费情况。 Ashley Madison的所有者是Avid Life Media，其口号是“人生苦短，及时行乐”。该网站表示，正在监控当前的情况，并开始与美国和加拿大的司法部门合作。该网站位于加拿大。 Ashley Madison表示：“这起事件并不是黑客行为，而是犯罪行为。这是针对AshleyMadison.com个人用户的非法活动。参与这一行动的罪犯自命为道德审判者和执行者。” 这一黑客攻击最初于1个月之前曝光。黑客当时自称为“Impact Team”。黑客表示，如果该网站不关闭，那么将公布“所有用户保密的性行为偏好、对应的信用卡交易、真实姓名、住址，以及员工文件和电子邮件等信息”。当时黑客已公布了部分被盗数据。 索谢姆表示，目前尚不能确认，更多个人信息，例如用户的性行为偏好和地址是否已经被盗。目前被盗的数据在压缩后的大小达到9.7GB。 本周二，黑客发布了一份题为“时间到了”的声明，宣布公开这些数据，并给出了查看这些数据的方式。声明称：“Avid Life Media未能关闭Ashley Madison。我们已经解释了该公司及其用户的欺诈、欺骗，以及愚蠢行为。目前，所有人都可以查看这些数据。” 黑客嘲笑了该网站及其用户群体，称该网站的用户有90%至95%都是男性。声明称：“想在这里找到你认识的人？请记住，这个网站就是一个骗局，包含数千个虚假的女性帐号。男性用户可能觉得注册了全球最大的婚外情网站，但实际上不会找到任何对象。他只是进行了尝试，如果说这样的不同很重要的话。”(张帆) 文章转载于http://tech.sina.com.cn/i/2015-08-19/doc-ifxfxraw8923611.shtml 新浪科技讯 转载请注明：云速博客www.ysidc.top» 美国婚外恋网站数据遭泄：超9成用户为男性 https://www.ysidc.top 云速博客,数据库,云速,虚拟主机,域名注册,域名,云服务器,云主机,云建站,ysidc.top

APP、M站下的H5Video标签问题 全屏播放、竖屏和横屏 封面图问题 自动播放 直播 html5和flash的播放源选择 全屏播放： APP下，Android手机不支持全屏，IOS只支持竖全屏 M站下，根据不同浏览器，可能有不同表现：例如UC浏览器是支持横竖全屏的，但是原生Safari则不支持 结论：Video标签全屏依靠浏览器（APP）的控制，需要关注APP是否设置禁用了相应的接口。否则只能用CSS或者JS来监测全屏再Hack处理。 video全屏的处理 IOS自动竖全屏 ios下设置了webkit-playsinline="true" playsinline 以后，就可以不全屏播放 封面图问题 在ios下，视频被嵌入后，媒体的元数据加载完成后，会以全屏的形式显示出来，或者加个poster，可以看到画面。但在android下，多数机子是不显示视频画面的，要不就是显示一个黑色的还不是全屏的播放控件，即使及加个poster封面也不济于是。因为poster在android兼容的并不好，不如在视频上层加个div铺张图片，这个比较好的处理方式应该是：视频上加一层div做封面，由于android不允许视频上层有东西，所以首先将视频设为的width：1px，当播放后，上层的封面remove掉，同时width：100%或者你想要的宽度。 自动播放： 在Android下无法通过设置autoplay，在IOS上，除非是无声音，否则无法自动播放。（IOS新法案）。如果想用js控制播放，也必须要用户第一次点击了屏幕后才可以进行(touchstart事件) IOS10视频播放新政策 至于「用户主动操作」具体指的是哪些行为，苹果官方有详细的说明： 点击视频播放按钮； 触发 touchend、click、doubleclick 或 keydown 事件，且在事件处理函数中直接调用 video.play() 方法。显然，button.addEventListener('click', () => { video.play(); }) 满足要求；而 video.addEventListener('canplaythrough', () => { video.play(); }) 不满足要求； 值得注意的是，上面讨论的是 iOS 自带 Safari 的视频播放政策。对于 iOS APP 而言，开发者在给 webview 设置 mediaPlaybackRequiresUserAction 和 allowsInlineMediaPlayback 属性之后，页面中的 ` 标签就可以通过autoplay和webkit-playsinline` 属性来启用自动播放和内联播放功能。 使用折中方案：当用户第一次touch的时候，触发play，让视频播放。同时设置playsinline和autoplay方法，提供给安卓全屏 window.addEventListener('touchstart', function videoStart() { hidePlayIcon(); $('#videosrc')[0].play(); this.removeEventListener('touchstart', videoStart); }); 其他问题： 直播场景下尝试过优酷打通，但是没试过直接做成直播平台的方案。

目的：解决Ubuntu14.04 – 16.10版本 cheese摄像头灯亮却黑屏问题 环境： 系统：Ubuntu 环境：ubuntu14.04 - 16.10(WMware虚拟机) 步骤： 1.安装cheese 在VMware的工具栏选择虚拟机>可移动设备>摄像头>连接。 执行：sudo apt-get install cheese 运行：cheese（一般可以看到图像） 2.如发现cheese界面弹出后，摄像头灯亮了，但是图像是黑屏，按钮都处于不可操作状态，需要检查几个部分： lsusb查看一下是否有找到摄像头。 ls /dev | grep video，查看是否有video0。 如以上两点都有，需要检查的部分是虚拟机设置>usb控制器>usb兼容性>(usb2.0/3.0)。如果当前选中的是2.0就选择3.0，如果当前选中的是3.0就选择2.0。然后确定。 在VMware的工具栏选择虚拟机>可移动设备>摄像头>断开连接。然后再虚拟机>可移动设备>摄像头>连接。然后重新打开cheese，发现已经有图像了。 ps: 由于ubuntu本身自带驱动已经非常强大，所以基本上只要可以lsusb和ls /dev到摄像头，应该就不是驱动问题了。问题本身就可以往usb兼容性或者摄像头是否连接到当前虚拟机这部分查找。

安装第三方库时出现如下问题： 输入命令，增加延时时间： 解决！

Different Users,Different Desktops · 可以安装VirtualBox 安装包下载:http://download.virtualbox.org/virtualbox/5.1.10/VirtualBox-5.1.10-112026-Linux_amd64.run 安装方法:赋予权限 + 执行 VirtualBox中可以安装其他系统 · 可以安装VMware Workstation 安装方法:赋予权限 + 执行 永久序列号: 5F29M-48312-8ZDF9-A8A5K-2AM0Z 5A02H-AU243-TZJ49-GTC7K-3C61 · 开启ssh服务,可用于远程连接 service ssh start · EclipseMars2可以下载,可以运行 Appearance 中 Theme 使用 Theme:Dark Color and Font theme:Classic Theme 也可以选择其他开发工具

刚看到这个标题的时候，小编也是吓了一跳。暗网在大多数人眼里都是带有违法性质的网站，在暗网上进行着不正当的交易。今天就跟着小编一起来看看为什么说暗网上有一半的数据都是真实的呢？ 可能受到多种因素的影响，很多人一听到“暗网”这个名字首先想到的都是它的阴暗面。 但实际上，暗网也有它光明的一面。 安全公司Terbium Labs近期的一项调查表明，在目前的加密网络（即暗网）中，有一半以上的网络通信数据属于合法数据，而网络攻击和欺诈活动的数量更是低得惊人。 在这里，所谓的“加密网络”指的就是暗网（Dark Web）。 暗网中充斥着大量令人毛骨悚然的犯罪集团，这些犯罪分子会在暗网中出售泄漏数据、违禁药品、以及其他各种法律禁止销售的物品。 暗网只能通过类似Tor这样的安全浏览器来访问，暗网之所以会变得如此的臭名昭著，主要是因为暗网中托管着各种黑客犯罪论坛以及类似“丝绸之路”（Silk Road）这样的地下市场。 但是，信息安全公司TerbiumLabs近期的一项研究表明，暗网其实并不完全是由犯罪组织和非法商品组成的，暗网其实也有它好的一面。 Terbium Labs研发的Matchlight工具可以通过对暗网活动进行监控和检索来帮助广大企业和组织快速定位被盗数据。 当Matchlight监测到失窃数据之后，会立刻通过警报的方式提示企业客户。 可能对于某些外行人来说，暗网可能是一样非常神秘的东西。Terbium Labs的分析总监Emily Wilson在接受TechRepublic的采访时表示： “实际上，暗网其实并不是你想象中的那么神秘，它的规模也并不是传说中的那么大。 只要有合适的工具，任何人都可以轻松地跟踪和监控暗网中的各种活动，包括犯罪活动在内。 跟明网（Clear Net）相比，暗网中可能只有几十万个网站。” 调查报告中指出，虽然暗网中犯罪活动无处不在，但是目前暗网中有54.5%的内容属于合法的网络通信数据。 据了解，科技公司（例如Facebook）、美国国务院、其他政府机构、记者、以及其他活动家都会使用暗网来传输或发布一些数据。 报告中还指出，目前的暗网中大约有17.7%的网站是“僵尸网站”，即无法访问或无人维护的网站。 12.3%的非法暗网活动与非法贩卖毒品有关，3.2%的活动与违禁药品的配送和转运有关。 在暗网活动中，网络欺诈和黑客入侵活动只占1.3%。在暗网服务的内容方面，只有1%的网站内容与黑客攻击和漏洞利用有关，而涉及到极端主义的内容占比甚至还不到一个百分点。 Terbium发布的报告文件中列举出了以下四个重要的发现： 网络匿名并不意味着网络犯罪活动，暗网中的大部分活动都是合法的。 在暗网中，成人网站和色情内容等问题虽然比较突出，但它们并不全是违法的。大约有7%的色情网站虽然内容比较极端或者重口味，但它们是合法的。 暗网中的网络欺诈活动比我们预计的要少很多。相比之下，明网中的欺诈活动则显得较为普遍了。 暗网中的极端主义活动或言论较为罕见。在我们的观察过程中，没有发现大规模杀伤性武器或人口贩卖的实例。 该公司表示，暗网中的服务变化得非常的快，这也增加了监控这些暗网服务的难度。 Terbium的首席数据科学家Clare Gollnick在报告中解释称： “对暗网进行深入地研究和调查其实是一项非常艰巨的任务，因为各种类型的暗网服务之间界限和区别并不是那么的明显。我们在整个调查活动中投入了大量的精力，以确保我们的调查结果基于的是具有代表性的暗网网站随机样本。” 参考来源：techrepublic，FB小编Alpha_h4ck编译，转载来自FreeBuf.COM 网友精彩留言： 说的好像不是暗网上面就没有非法的东西一样。 有光明的地方必定有黑暗，有黑暗的地方也必定有光明。