前端工具汇总

最新推荐文章于 2024-09-07 12:36:25 发布
原创 最新推荐文章于 2024-09-07 12:36:25 发布 · 310 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #测试 #工具

本文介绍了一款名为Resolution Test的工具，该工具可以帮助测试网页在不同分辨率下的显示效果。通过调整浏览器大小，用户能够直观地看到其网页布局的变化情况。

1，Resolution Test（使用不同分辨率测试）

您可以通过更改浏览器的大小来测试您网页的显示效果。Resolution Test可以测试您网页在不同分辨率下的显示效果，而且您可以查看当前测试分辨率。

网址:

https://chrome.google.com/webstore/category/extensions?hl=zh-CN（需要翻墙）




史上最全的前端开发工具
03-10
长期积累的多版本、多语言的前端api+教程
前端开发常用前端资源汇总：轮播图、动画库、UI框架及工具网址导航
06-08
它汇总了大量前端开发相关的资源链接，涵盖轮播插件（如Slick、Swiper）、jQuery及其插件库、SVG动画库（如Velocity.js、Snap.svg）、CSS3动画模板、渐变色生成网站（如uigradients、gradientsguru、CoolHue 2.0等）...
笼统的前端
weixin_33910137的博客
02-28 484
原文地址 核心 Core HTML(HTML5) CSS(CSS3) JavaScript jQuery ES6 插件 包管理工具 Package Managers NPM Bower Yarn 前端性能 Front-End Performance WebPagetest PerfBudget CriticalCSS Picturefill 编辑器 Text Editors WebS...
Web安全和渗透测试有什么关系？
Python_0011的博客
03-31 3894
做渗透测试的一个环节就是测试web安全，需要明白漏洞产生原理，通过信息收集互联网暴露面，进行漏洞扫描，漏洞利用，必要时进行脚本自编写和手工测试，力求挖出目标存在的漏洞并提出整改建议，当然如果技术再精一些，还要学习内网渗透（工作组和域环境），白盒审计，app，小程序渗透那些了......可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。当然除了有配套的视频，同时也为大家整理了各种文档和书籍资料&工具，并且已经帮大家分好类了。总之，web安全包含于渗透测试，但不是渗透测试的全部。
2020年前端开发工具大全：50款热门的前端工具汇总
weixin_43703144的博客
07-17 1198
今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助，下面和千锋广州小编一起来看看吧！ 一、构建工具 1、 Parcel 地址：https://parceljs.org Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。 2、 Critters 地址：github.com 一款webpack的插件，它可以很方便的配置内联关键css( critical CSS ),其余的css部分
2021年12种高级UX / UI设计趋势
设计“1+2”，摹客就够了！
12-09 619
互联网产业格局每天都在变化，新的趋势用户和竞争对手中源源不断地出现。 这些趋势中，有的只是一些只是空想而已，有的可以被沿用一段时间，而有的却可以影响甚至改变UX / UI设计的范式，打开一个新时代，同时树立衡量好坏的的新标准。 这就意味着无论是设计师还是企业家，业内人都得要时刻注意设计趋势中的“最佳实践”和最新调整，以向受众表明他们是领导者而不是追随者。 企业家们很清楚在用户使用自家产品的同时，也并且每天访问许多不同的站点，使用其他的产品。 这意味着为了各个公司需要延长用户在自己的网站上...
精选开源软件列表：前沿前端工具汇总
一个“oss：开源软件列表”的awesome list可能包含各种前端技术的开源项目，如前端框架、库、工具、图标集、文档生成器等。对于前端开发者来说，这样的列表是宝贵资源，可以快速找到可靠的资源来完成开发任务或者...
自己整理的前端开发工具汇总（还有小惊喜哦）.txt
03-14
自己整理的前端开发工具汇总（还有小惊喜哦）.txt
前端数据处理层的方法集合工具包 前端数据处理层的各类方法汇总集 前端数据处理层级的方法整合集合 前端数据处理层面的方法汇总工具集 前端数据处理层级的方法集合大全 前端数据处理层的所有方法汇总集 前端数
最新发布
08-19
前端数据处理层的方法集合工具包 前端数据处理层的各类方法汇总集 前端数据处理层级的方法整合集合 前端数据处理层面的方法汇总工具集 前端数据处理层级的方法集合大全 前端数据处理层的所有方法汇总集 前端数据处理...
前端技术分享，前端开发汇总
10-09
前端技术领域在近年来得到了迅速的发展，前端开发已经不再仅仅是制作网页那么简单，而是拓展成为一个涉及众多技术和工具的综合性工作。从PC端到移动端，从静态网页到动态应用，前端技术持续演进，新的概念和框架不断...
浏览器分辨率测试插件Window_Resizer_1_9_0_1.crx
05-30
浏览器分辨率测试插件Window_Resizer_1_9_0_1.crx
前端开发人员应该知道的常用工具网站大全
qq_32614411的博客
08-30 4961
https://caniuse.com/ 一款前端兼容性自查工具，前端开发的时候时常需要检查浏览器的兼容性，在这里推荐(Can I Use)这个是一个针对前端开发人员定制的查询CSS、JS在各个流行浏览器中特性和兼容性的网站，可以很好的保证网页的浏览器兼容性。有了这个工具可以快速的了解到代码在各个浏览器中的效果。 http://www.browsersync.cn/ Browsersyn...
关于前端分辨率兼容和显示器缩放兼容的处理
m0_57307213的博客
09-07 1624
如下两图所示，在不同分辨率下，页面的宽度和分辨率的宽度是一致的。所以其实我们在1920的宽度分辨率下，把窗口缩小宽度到1600，是可以模拟1600分辨率的情况的。那么我们把我们的窗口宽度调整为1920/1.25% = 1536px的宽度，即可模拟测试人员的电脑显示状况，方便我们复现问题。所以当测试人员给我们提分辨率兼容的问题单的时候，一般都是我们开发的页面，在更小的分辨率尺寸中显示异常。那么其实我们可以通过缩小我们的浏览器窗口，达到模拟测试人员机器的电脑分辨率的情况。但是有时候，测试人员的电脑会进行放大。
一个测试同一页面不同分辨率下的效果的工具
Focus-Fe
01-30 2550
工具地址：http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/   工具功能：可以做出书签，在某一个页面使用，输出不同分辨率下的显示效果 ...
分享一个模拟各种分辨率的网页
zhangwenwu2的博客
01-12 1万+
最近项目要用到超大屏的网页分辨率是7680*2160，一般来说的分辨率都是1920*1080常见，调试都出现了问题。下面分享一下解决方法  这个网站（点击进入），不过要翻墙。 输入你要调试的网址，点击GO，注意，要翻墙， 接下来选择你要模拟的尺寸，点击Apply即可
前端大小屏幕分辨率调试问题——利用火狐或谷歌
热门推荐
tom9238的博客
04-29 2万+
在以前我开发的时候一开始用的小屏幕，后来发现在大屏幕上的布局全乱了，就换了个大屏幕。 您猜怎么着，大屏幕上写的放小屏幕上轮播图等等样式会有部分不显示或者错乱。 后来我就忙碌于大小屏幕来回调试——往事不堪回首。。。如今，我偶然发现Firefox浏览器*Chrome浏览器*都具有一个很强的功能，它可以使用开发工具切换分辨率。接下来我来介绍使用方法。 首先，将你的页面用火狐或谷歌浏览器打开。 注意箭头
前端页面处理分辨率的方法
MaRain
07-26 3378
验证分辨路的方式 ! function (userAgent) { var screen_w = parseInt(window.screen.width), scale = screen_w / 1080; if (/Android (\d+\.\d+)/.test(userAgent)) {var version = parseFloat(RegExp.$1); docu
前端调节屏幕分辨率大小--
weixin_42371145的博客
11-14 2184
1开发者工具，左上角两个小屏折叠处，单击----出现下图，在下拉菜单中改变屏幕分辨率。
JS获取当前网页大小以及屏幕分辨率等
Y_FQY的博客
01-17 656
获取当前对象大小以及屏幕分辨率等var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth+""; s += " 网页可见区域高："+ document.body.clientHeight+""; s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+""; s += " 网页可
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值