前端爱好者的知识盛宴 Hello,各位前端ers，周末好！ 今天的供稿人是鹅厂的ChokCoco... 作为前端大神... 不可避免会接触Chrome... 这是一款好用的插件会帮你提升质感... 如果你有好的Idea... 想做好的插件并发布... ChokCoco会手把手教你... 并且征服各项难点... 欢迎转发和留言... 文末会有ChokCoco的博客... 欢迎有事没事上去逛一逛... 什么是 chrome 扩展程序 扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序。对于前
一键滚动截屏整个网页，助你快速成为 B 站老司机，一键分析网站技术栈，翻录网页视频神器等等。
Chrome 扩展程序通过可以向 Chrome 浏览器添加特性和功能来增强浏览体验，可以构建一些强大的生产力工具，也可以丰富网页的内容，还可以做一些信息的聚合等等。本篇文章将带你通过三个简单的案例带你快速走进Chrome扩展开发的大门。
关于 chrome 扩展的文章，很久之前也写过一篇。清除页面广告？身为前端，自己做一款简易的chrome扩展吧。 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点。 什么是 chrome 扩展
我是一个重度的 Chrome 使用者，还是给大家带来一波好用的 Chrome 插件吧，都是我自己亲身使用过觉得不错的，推荐给大家。
工欲善其事，必先利其器，作为大学生或者从业人员，如果能熟练地使用各种工具来提高自己的工作学习效率必然是一件好事！！！
【引子】前端可能是一个日新月异的领域，我们很难了解其中的方方面面。但是，前端系统一般都以浏览器作为运行环境， 对浏览器的进一步理解有助于我们更好地开发前端应用。这也是本文的由来之一，也作为对runtime的一次实例分析。
Chromium 源码：https://github.com/chromium/chromium
网页有图片、链接、文字等元素组成，我们后面的任务就是要把这部分网页元素用代码写出来。。。
下载链接：https://www.chajianxw.com/themes/18893.html
又到了一年一度的中国春运，今年的网络订票（12306.cn）有好多的故事上演，下面几条是这两天的几条相关新闻。 抢票插件风靡的恶果：农民工成购车票弱势群体 12306抢票插件拖垮美国代码托管站Github 12306抢票插件大受青睐 或存泄露个人信息风险 春运hold火车票，网上刷票插件使用全攻略！ 网络订票就离不开浏览器，主流的浏览器有IE，Chrome，Firefox，Safari，搜狗，傲游，猎豹等等，目前主要是WebKit内核和IE的Trident内核两大类以及国内大量的双核浏览器。 作为互联网“入
在项目开发过程中，时不时会碰上需要使用一些工具来做一些自动操作或者附加功能。特别是有一些外部组件只会提供Web工具，或者如果产品会发布在Web上的时候，在线上的产品中加调试指令显然是不安全的（前段时间刚好有携程线上服务器暴露的调试接口，导致用户信息泄露的事故）。这时候我们就可以借助Chrome来制作一些特别的小工具。 使用Chrome来自作工具有几个好处：其一是对熟悉Web开发的人而言，它用得全是Javascript(当然你也可以用Go语言)和HTML，没有太多额外的学习成本，而且现在的Chrome对HTML5标准支持得也比较好，基本的功能都可以实现；其二是不需要花多少时间在UI方面（作为一个后台开发表示The easier the better）；其三是在需要的时候，还能开发为App，直接运行（另外还有一个项目叫Nodejs-webkit，提供了打包成不依赖Chrome本地应用的功能，而且底层用了nodejs，提供了更加强大的系统资源访问的功能)。总而言之，作为开发工具而言已经绰绰有余了。
Tampermonkey for Mac 是一个用户脚本管理器，允许您自定义和增强您的网络浏览体验。它可用作各种浏览器的浏览器扩展，包括 Safari、Chrome、Firefox、Opera 和 Microsoft Edge。
大家肯定有这样的经历，浏览网页的时候，左右两端广告，诸如“屠龙宝刀，点击就送”，以及最近火的不行的林子聪37传奇霸业什么“霸业面具，霸业吊坠”的魔性广告总是充斥我们的眼球。 当然有现成的扩展程序或者插件（两者概念稍有不同）可以清除页面广告，但是既然身为一名程序猿，尤其是FEDer，为什么不尝试一下自己写一个清除广告的扩展程序呢。其实，编写一个浏览器扩展程序十分简单，尤其是chrome扩展，可以完全使用前端技术（HTML/CSS/JS）完成一个自己编写的扩展程序。让我们一步一步，学习一下如何编写一个简单的清除
曾经想过制作自己的Chrome扩展，却因为觉得过程太复杂而打消了念头吗？ 好消息，事情并没有你想象的那么复杂！在接下来的几分钟里，我们不仅将为你详解Chrome扩展的基础知识，还将手把手教你如何用五个简单的步骤创建自己的扩展。
这是一个文档兼容模式的定义。主要用于加强代码对IE的兼容性，强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。
最近开发手机网站，需要测试不同的手机，比较麻烦,所以想到了用电脑浏览器来模拟手机浏览.
虽然不知道这是不是真的，不过在中英混排时加上空格的话看起来确实要舒服不少，知乎（https://www.zhihu.com/question/19587406）上关于这个问题的讨论也不少。
Chrome DevTools是内嵌在Chrome浏览器里的一组用于网页制作和调试的工具。使用DevTools，可以在平时中的开发调试中极大的提高效率。
JsonFormatter的使用非常简单，安装即可自动生效，处理的效果也很明显，让json数据结构清晰可见。
最近在整理网页mate标签，想着把常用的mate标签记录一下，有的可以解决IE不兼容的问题。现在电脑普遍来说最低版本的IE也应该是IE8了，但是不排除某些落后的电脑机器依然是IE6.7，所以整理下相关资料以留备用。
有一些同学在写爬虫的时候，喜欢在Chrome 开发者工具里面直接复制 XPath，如下图所示：
1、什么是HTML？HTML、XML、XHTML 有什么区别？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 Web 浏览器的作用是读取 HT
国产的所有 “双核浏览器”，都是基于 Chromium 开发的，当然 Chrome 也是基于它。
大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说Web前端开发基础_轻松学Web前端开发入门与实战,希望能够帮助大家进步!!!
之前分享过 那些有趣/实用的 Chrome 扩展神器 ,准备做成一个系列，这是第2篇，关于谷歌浏览器安装Chrome扩展参考我之前的文章 那些你可能不知道的谷歌浏览器实用技巧 ， 上不了谷歌如何安装 Chrome 扩展？ 。
网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。
英文 | https://us.niemvuilaptrinh.com/article/63-open-source-web-development-tools
目标是为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类。
使用浏览器扩展程序可以使你的工作效率提高数倍不止，那么下面我就向大家分享一下我日常使用的扩展，可能大多数扩展大家都已经在使用了，不过也难免有一两个是你不知道的。
越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。
Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包
之前分享过的chrome/edge扩展和油猴脚本都更新到我的博客上了https://blog-susheng.vercel.app/ ，今天再分享几个实用的chrome/edge扩展和油猴脚本。
本文主要面对前端初级新手，是我从事前端项目外包这一年多时间里积累的经验，提供一系列的工具和资料来帮助新手更高效的从事前端开发。但是由于本人水平有限，所以只能写一些初级的方法和工具。没有添加诸如 grunt 这类的更高级的工具，因为我对这块目前还没有很多实战经验。
作为前端工程师，有时需要将做到一半的网页发送给 PM 和 Designer 来获得他们的反馈。Mac 自带的截屏功能只能截取显示在屏幕上的内容，但是网页长度常常会超出屏幕高度，只依靠这个截图软件无法实现一次性的截取整个网页。
在web开发当中我们经常需要进行需要在线浏览PDf内容，在线嵌入动态pdf，传统的解决方法安装客户端PDF阅读器，如果是在谷歌是可以在线浏览的，因为他自身就带了一些插件，以前遇到这样的问题往往是费时又费力，很不好解决，
在几个星期前,W3C在2016年11月发布了新的 HTML 5.1 recommendation,HTML规范得到了重大改进，在最近的博客中,W3C将新的主版本称为黄金标准，因为HTML 5.1为我们提供了新的方法，我们可以使用HTML来创建更灵活的网络体验。
当我们需要对一个网页上的某个按钮进行多次点击以求得某种“好处”的时候，例如天猫的抢红包活动，我们可能需要点击N次之后才有可能获得一个红包，但是这个N是一个未知数，有可能我们要不停地点击半个小时甚至一个小时都还无法获得，自己估计也会点鼠标点得醉了。因此，针对这种情况，我们希望自己写一个小工具来让计算机帮我们做这件事。
一个好的笔记系统，应该能把你所学习到的任何资料串联起来，形成一个知识系统，在你需要他们的时候，可以很容易找到，进而形成自己新的知识。
Chrome Lighthouse 已经存在了一段时间了，但如果我要求你解释一下它能做什么，你能解释清楚吗？
赛门铁克(Symantec)在2019年的《互联网安全威胁报告》中称：Formjacking 攻击飙升，已有取代勒索和挖矿成为互联网安全最大威胁之势。Formjacking 从技术角度看，主要是将恶意 javascript 代码嵌入到合法网站中，用于获取敏感信息，而这种攻击手法本质上属于界面劫持中的 clickjacking（点击劫持）。本文将结合界面劫持的发展历程，以实例讲解点击劫持的原理并介绍目前针对此类攻击的防御思路。
时不时碰到客户的浏览器为IE7,IE8，甚至IE6的，他们不能升级浏览器，因为升级后，机器中其它的重要系统无法访问。而新系统的前端又需要浏览器的支持，比如H5，SVG等等，换框架结构，成本无疑是巨大的，而且风险不可控。针对此种情况，安装Google Frame是相对非常完美的解决方案，不要求升级浏览器，只安装一个插件，且对原系统无任何干扰，新系统也可根据情况对是否使用Google Frame插件进行切换。
所有网络浏览器都具有相同的基本功能，然而，它们之间的选择一直是科技史上最具争议的问题之一。如今，您比以往任何时候都有更多的选择，无论您是在寻找最好的隐私网络浏览器、速度最好的浏览器，还是更具冒险精神的东西。
浏览器打开网页的过程就是爬虫获取数据的过程，两者是一样一样的。浏览器渲染的网页是丰富多彩的数据集合，而爬虫得到的是网页的源代码htm有时候，我们不能在网页的html代码里面找到想要的数据，但是浏览器打开的网页上面却有这些数据。这就是浏览器通过ajax技术异步加载（偷偷下载）了这些数据。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
