👋 你好,我是 Lorin 洛林,一位 Java 后端技术开发者!座右铭:Technology has the power to make the world a better place.
FeHelper简直就是前端开发人员的神器,它是由国人开发的一款前端工具集合的小插件,插件功能齐全,基本上涵盖了前端从业者经常会使用到的基础功能,使用起来也很顺手。下面就来感受一下强大的功能:
印象笔记 Web Clipper Chrome 扩展中被曝存在一个严重缺陷,可导致潜在攻击者访问用户存储在第三方网络服务中的敏感信息。
谷歌已经暂停了针对安卓设备的Chrome 79 Web浏览器的发布,直到找到能够消除破坏数据bug的方法为止。受影响的用户一直在谴责谷歌和相关应用程序开发商未能阻止这一问题。
使用它你可以使用到许多不同的 Web 开发工具。一些最常用的包括快速清除会话 Cookie、显示元素信息、显示图像文件大小、显示地形信息和编辑 CSS。
作为前端开发人员,每天都会有很多不同的任务。幸运的是,我们有很多免费的工具和资源可以使用。这些免费的资源和工具,可以让我们轻松处理各种任务。
但就在10周年纪念版发布后,最近,它成了被国外网友集体diss的浏览器——因为又关乎隐私。
http请求做为影响前端性能极为重要的一环,因为请求受网络影响很大,如果网络很慢的情况下,页面很可能会空白很久。对于首次进入网站的用户可能要通过优化接口性能和接口数量来解决。但是,对于重复进入页面的用户,除了浏览器缓存,http缓存可以很大程度对已经加载过的页面进行优化。
在 Web 开发中经常需要在客户端保存和获取数据,Web Storage API 提供了一种在浏览器中存储和检索数据的机制,它允许开发者在用户的本地浏览器中存储数据。本文将介绍 Web Storage API 的概念、用途以及如何使用它来存储和检索数据。
随着移动网络的发展与演化,我们手机上现在除了有原生 App,还能跑“WebApp”——它即开即用,用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现,有一部分原因要归功于浏览器存储技术的提升。cookie存储数据的功能已经很难满足开发所需,逐渐被WebStorage、IndexedDB所取代,本文将介绍这几种存储方式的差异和优缺点。
在项目开发过程中,时不时会碰上需要使用一些工具来做一些自动操作或者附加功能。特别是有一些外部组件只会提供Web工具,或者如果产品会发布在Web上的时候,在线上的产品中加调试指令显然是不安全的(前段时间刚好有携程线上服务器暴露的调试接口,导致用户信息泄露的事故)。这时候我们就可以借助Chrome来制作一些特别的小工具。 使用Chrome来自作工具有几个好处:其一是对熟悉Web开发的人而言,它用得全是Javascript(当然你也可以用Go语言)和HTML,没有太多额外的学习成本,而且现在的Chrome对HTML5标准支持得也比较好,基本的功能都可以实现;其二是不需要花多少时间在UI方面(作为一个后台开发表示The easier the better);其三是在需要的时候,还能开发为App,直接运行(另外还有一个项目叫Nodejs-webkit,提供了打包成不依赖Chrome本地应用的功能,而且底层用了nodejs,提供了更加强大的系统资源访问的功能)。总而言之,作为开发工具而言已经绰绰有余了。
本文介绍了如何使用HTML5中的WebSQL API来实现客户端数据库的访问,并通过一个具体的应用场景示例展示了如何使用该API来实现客户端的数据库操作。同时,本文还介绍了WebSQL API的常见用法以及其相关的兼容性情况。
LocalStorage 是HTML5中一个方便使用的 API,它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再简单不过了。不信看下:
在前端面试中,有一个必问的问题:请你谈谈cookie和localStorage有什么区别啊?
谷歌今天发布了Chrome浏览器的最新版本 70.0.3538.67(正式版本)。今天发布的最令人期待的新功能是新的Chrome设置面板选项,允许用户控制浏览器登录Google帐户时的行为方式,允许禁用谷歌页面的自动登陆同步功能,同时新增了AV1解码器。
严格来讲,我们正在说的东西应该叫Chrome扩展(Chrome Extension),真正意义上的Chrome插件是更底层的浏览器功能扩展,可能需要对浏览器源码有一定掌握才有能力去开发。鉴于Chrome插件的叫法已经习惯,本文也全部采用这种叫法,但读者需深知本文所描述的Chrome插件实际上指的是Chrome扩展。
隐身模式或私有模式会使用单独的用户配置文件,在浏览器重新启动之后不会保留 Cookie,localStorage或缓存文件之类的数据。每个会话都会以干净的状态开始,所以非常适合测试登录功能、首次渲染性能和PWA程序。
MaoXian Web Clipper 简介 一个简洁的浏览器扩展,让你看到想收藏的内容,可以直接裁剪保存下来,以避免网站挂了,网址失效,图片失效等问题。
有些授权测试中,允许红队人员用社会工程学之类的方法进行渗透。钓鱼和水坑则是快速打点或横向的常用手段。钓鱼通常需要绕过目标邮件网关等安全设备,水坑则需要摸清目标的操作习惯。在此简单的罗列一下布置水坑的方法。ps:本文未涉及任何真实案例。
最近想给自己网站加个访客统计,发现好多网站统计都需要付费…,这对于我们这种非营利性的网站来说无疑是不划算的,于是就自己写了个简单的网站访客统计效果如下
注:content_scripts段中的代码会在页面加载对应阶段"document_start", “document_end”, or "document_idle"自动注入 但是脚本运行在与页面独立的上下文中,无法访问到原页面的脚本上下文资源 如需访问原页面脚本上下文,可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中 样例: js/content-script.js
插件功能 平时对我来说最浪费时间的莫过于刷「知乎」,但是手贱停不下来呀。Chrome 上面装了个 StayFocusd,设定十分钟之后就屏蔽 zhihu 域名。但有时候是真的要上知乎查些东西,每次还得关掉,可一关掉就会「忘记」打开。 我希望能有个人能每隔5分钟就提醒我一次,你今天刷了5分钟了,你今天刷了10分钟了,你今天刷了15分钟了。。。讲真,我觉得这种提醒既温和又有效,当然,也可以变得很不温和,比如把提醒直接发给老板。 本文代码已经放在 github 上了:dingding_robort/chrome_
介绍 本文介绍了 HTML5 的一些新特性。主要包含以下几个方面: Web 存储 地理位置 拖放 服务器发送事件 Web存储 HTML5 Web 存储的设计与构想是一个更好的机制来存储客户端的网络数据。它是通过一个网络浏览器作为客户端数据库实现的,它允许网页以键值对的形式来存储数据。 它具有以下特征: 每个原始网站/域最多可存储 5MB 的数据。 你可以通过属性和方法来使用 JavaScript 操作 web 存储器中的数据实现访问。 就像 cookies,你可以选择将
你有没有看过DevTools工具箱里还有什么其他的工具可供你使用?你可能在重复使用同样的几个面板--我知道我是这样的!但是,你知道吗?
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。
以下描述的变化适用于测试版通道发布的安卓系统、Chrome OS系统、苹果系统和Windows系统上最新版的Chrome浏览器,注明除外。
阅读 arXiv 论文时,我们可能会被冗长的篇幅以及有时晦涩难懂的语言「吓到」。这时,如果提供论文的视频解读,那就再好不过了。然而,我们想要获得论文的视频解读,又不得不去谷歌或者 YouTube 网站搜索,耗时耗力。
无论是 Chrome,还是 Firefox 浏览器,它们的强大性在很大程度上都是依赖于海量的插件,让我们能高效办公
Cookie,指某些网站为了辨别用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。
点击上方蓝字“ITester软件测试小栈“关注我,每周一、三、五早上 09:00准时推送,每月不定期赠送技术书籍。
一台电脑上可以没有QQ微信,可以没有office,也可以没有安全软件修图软件下载软件等各种软件,但是一定要有的就是浏览器。浏览器是我们与互联网进行交流最重要的渠道之一,即使你对它没有什么要求,至少也要有一个Internet Explorer来下载Chrome不是吗?滑稽
作者:Adrian S. 译者:王俊杰,王天云 审校:王俊杰,江柳 了解我们如何为每个Webiny网站获得出色的SEO支持,以及如何在无服务器环境中使用SSR使其超快运行。 内容概要 我确实意识到这是一篇很长的文章,请相信我不是故意写的很长。据我了解,有些人可能没有时间通篇读完,下面我准备了一个简短的内容概要: 单页应用程序(SPAs)很酷,但不幸的是,对SEO的支持不佳。 查阅这篇文章,了解有关在Web上进行渲染的不同方法,然后选择最适合您的用例的方法。 用Webiny构建的应用程序,我们尝试了“
本教程说明了Chrome和Firefox的开发工具展示了什么样的工具,用于帮助用户调试PWA。
Open-IM是由前微信技术专家打造的开源的即时通讯组件。Open-IM包括IM服务端和客户端SDK,实现了高性能、轻量级、易扩展等重要特性。开发者通过集成Open-IM组件,并私有化部署服务端,可以将即时通讯、实时网络能力快速集成到自身应用中,并确保业务数据的安全性和私密性。
目录 介绍 SGML、HTML、XML和XHTML之间的关系? 什么是HTML 5? 如果我不输入<!DOCTYPE HTML>,HTML 5能工作吗? 哪些浏览器支持HTML 5? HTML 5的页面结构和HTML 4或早先的HTML有什么不同? HTML 5中的DataList是什么? HTML 5中不同的新表单元素类型是什么? HTML 5中的输出元素是什么? SVG是什么? 能否使用HTML 5举个简单的SVG例子? HTML 5中的Canvas画布是什么? 如何在HTML 5中使用Canvas和S
小技巧:不同类型的数据从 console 中打印出的颜色也不相同,可以借此判断数据类型
Kubernetes 1.14 发布了,些版本主要关注可扩展性并支持更多工作负载,带来了 30多项功能增强,其中包括从 beta 到稳定的 10 项功能。亮点包括以下几部分。
根据相关数据显示,谷歌的Chrome浏览器目前已达近七成的市场占有率,成为浏览器的“霸主”。大家选择Chrome,除了是因为性能的优越以及强大的兼容性之外,Chrome充足的扩展插件,可以让我们的浏览器成为一个“百宝箱”。而谷歌浏览器插件更是一种用于定制浏览器体验的小程序,通过插件,我们可以根据个人的需求定制浏览器的行为。Chrome插件是一个用Web技术开发的软件,可以说只要掌握了”前端三兄弟“(html、js、css),相当于会了Chrome插件开发的一大半。
很久没分享了,今天意外发现QQ居然有录制视频的功能,于是想分享一些工具,没想到还发现了一些chrome好用的插件。
王秋:渐进增强在移动开发中应用 在2012年6月召开的百度开发者大会西安站上,来自ThoughtWorks的前端工程师王秋(@Sheldon-秋 ),进行了题为《移动Web开发中的渐进增强》的演讲。在稍后的OpenSpace环节,他还担任话题小组长与参会者进行了讨论,笔者就渐进增强的问题对其进行了采访,以下是详细内容。 InfoQ:请简单介绍一下自己以及目前所从事的工作? 王秋:大家好,我是王秋,是ThoughtWorks的一名前端工程师,JavaScript语言爱好者,平时喜欢钻研技术寻找突破,善于分享经
HTML5为我们提供了更多的语义化标签、更丰富的元素属性,以及更让人欣喜的功能。但在面试中,HTML5部分的面试题主要考察应试者对HTML5API的掌握情况,这是HTML5的重点,也正是这些API推动了前端的发展。
我记得我刚开始学习前端开发的时候。我看到了很多文章及资料,被学习的资料压得喘不过气来,甚至不知道从哪里开始。
浏览器提供3种用于数据存储的 JavaScript APIs:cookie 、Web Storage API、IndexedDB。
工欲善其事,必先利其器,作为大学生或者从业人员,如果能熟练地使用各种工具来提高自己的工作学习效率必然是一件好事!!!
最早是在楠皮教会我怎么用谷歌浏览器的时候接触到浏览器插件这种东西,要不怎么说天下浏览器出谷歌呢,国内好多打着自主研发幌子的浏览器,一看内核,都是chromium,具体就不点名了。 然后,Microsoft Edge(以下简称Edge)在升级到新版以后活脱脱就是个Chrome的翻版,因为用的就是谷歌的内核,Edge也有自己的插件市场,所以,在导入了Chrome的配置之后,我得以完美的从Chrome过度到Edge。
简单来说浏览器插件,是浏览器上的一种工具,可以提供一些浏览器没有的功能,帮你做一些有趣的事情。开发者可以根据自己的喜欢,去实现一些功能。插件基于Web技术(html、css、js)构建。
领取专属 10元无门槛券
手把手带您无忧上云