文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

推荐|六个好用的前端开发在线工具

Postman Postman 一直在我的开发工具箱里，测试后端 API 接口时非常好用。GET、POST、DELETE、OPTIONS、PUT 这些方法都支持。毫无疑问，你应该使用这个工具。 ?...Postman 之外，Insomnia 也是很流行的 REST API 测试工具，亮点是支持 GraphQL。不过 Postman 从 去年夏天发布的 v7.2 起也支持了 GraphQL。 4....我觉得这个在线 IDE 很有用，特别是可以在线尝试一些样例代码或者库，否则仅仅尝试一些新特性就需要花很多时间在新项目初始化配置上。...在 Bit.dev 上不仅可以搜索组件，还可以直接查看组件的依赖，浏览组件的代码，甚至在线编辑代码并查看预览效果！...CanIUse CanIUse是非常好用的在线工具，可以方便地查看各大浏览器对某个特性的支持程度。 我过去经常碰到自己开发的应用的一些功能在其他浏览器下不支持的情况。

1.8K20

六个好用的前端开发在线工具

Postman [Postman] 一直在我的开发工具箱里，测试后端 API 接口时非常好用。GET、POST、DELETE、OPTIONS、PUT 这些方法都支持。毫无疑问，你应该使用这个工具。...Postman 之外，[Insomnia] 也是很流行的 REST API 测试工具，亮点是支持 [GraphQL]。不过 Postman 从 去年夏天发布的 v7.2 起也支持了 GraphQL。...我觉得这个在线 IDE 很有用，特别是可以在线尝试一些样例代码或者库，否则仅仅尝试一些新特性就需要花很多时间在新项目初始化配置上。...在 Bit.dev 上不仅可以搜索组件，还可以直接查看组件的依赖，浏览组件的代码，甚至在线编辑代码并查看预览效果！...CanIUse [CanIUse]是非常好用的在线工具，可以方便地查看各大浏览器对某个特性的支持程度。 我过去经常碰到自己开发的应用的一些功能在其他浏览器下不支持的情况。

85210
您找到你想要的搜索结果了吗？
是的
没有找到

Apifox 接口文档设计和调试教程【工具篇】

一.Apifox的工具优势 对后端研发人员来说，Swagger+Postman 是接口设计和调试的必备工具，这两个工具都非常出色， 但不同系统间项目数据不互通，在变更、维护和协同上比较低效，另外是封装程度较低...因此今天介绍一个 API 管理工具，一方面具备 Swagger 和 postman 的功能，一方面又针对上述问题做了优化，能够提升在工作过程中的效率。 二. Apifox 做的改进 1....的工具优势 对后端研发人员来说，Swagger+Postman 是接口设计和调试的必备工具，这两个工具都非常出色， 但不同系统间项目数据不互通，在变更、维护和协同上比较低效，另外是封装程度较低，使用上流程较为繁琐...因此今天介绍一个 API 管理工具，一方面具备 Swagger 和 postman 的功能，一方面又针对上述问题做了优化，能够提升在工作过程中的效率。 二. Apifox 做的改进 1....在线分享 生成的文档可以在浏览器打开，样式十分整洁美观 3.

1.9K20

Postman Collection介绍，添加，删除，恢复，导出

方法1：点击：Trash (postman.co)\ 方法2：别急，New Collection右边有个Trash，点击它：\ 浏览器将打开你的postman官网的trash页面：https://{你的组名...Postman Collection会使你的工作效率更上一层楼。...在Postman中，您可以使用收集浏览器查看文档。 在Postman Pro中，您可以创建和发布漂亮的API文档页面。 3.测试套件 您可以将测试脚本附加到请求并构建集成测试套件。...4.有条件的工作流程 您可以使用脚本在API请求之间传递数据，并构建反映实际API用例的工作流。 如何创建Postman Collection？...你可以在一个收藏夹中创建很多文件夹。你可以直接添加一个request到一个文件夹里。文件夹同时也支持Markdown-based描述 现在你只能在收藏夹下面拥有一级文件夹。

3.9K20

国产API管理平台横向比较，到底哪家强？

功能对比 在实际工作中,eolink、apifox、apipost三个工具,我个人都有使用。接下来,我会对三款功能对比,于是我拉了个功能对比的清单。...定时测试在eolink中的使用 定时测试功能在工作中非常实用,比如有个线上接口需要定时健康服务状态码及返回数据是否正常,在以往都是使用jenkins或者第三方工具实现定时测试功能,非常希望接口测试工具本身能支持这个功能...我们希望提供给对方一个实时更新的在线的接口文档,在工作上能提高合作效率。 接口文档分享功能只有eolink和apipost有,下面会使用这两个工具对比。 eolink 选择API并且点击分享项目按钮。...复制生成的链接地址放到浏览器中,就可以查看、执行接口用例。如在eolink客户端发生接口参数变更,刷新浏览器的访问地址即可。...会生成在线浏览地址,放到浏览器访问即可。 但是在网页中,只能查看接口文档不能执行接口测试。

3.6K30

泣血推荐丨学编程开始前就该知道的工具集，提升五倍学习效率

个人蛮喜欢这些平台都支持的工具，虽然很多时候用不上，但是有时候遇到一个喜欢的软件不能在另外一个操作系统上使用，要临时去找替代软件，还是蛮糟心的。下面就开始盘点： 1. Postman ?...允许在 Postman Collections 中收集和组织 API。 一键导出API文档，相当惊艳的一个功能，输出的API文档不仅格式精美，而且可以很方便地通过URL分享API文档。...Apizza基本实现了 Postman 的所有实用的功能，免费版就提供了5天 * 8小时的邮件支持服务和 Postman 上需要购买 Pro 套餐才有的功能。...我16年在逛简书的时候就发现有人推荐了这款软件，它能够基于你所在的地区的日落时间自动调节屏幕亮度及色温，让你的眼睛能在一个舒适的屏幕亮度色彩下工作。 02 Mac专享 ?...Dash也是这样一款高(you)大(dian)上(gui)的API文档浏览器和代码片段管理器。

78910

软件测试新趋势 | TW洞见

Postman是一个在Chrome中使用的REST客户端插件，通过Postman，你可以创建请求并且分析服务器端返回的信息。这个工具在开发新的API或者实现对于已有API的客户端访问代码时非常有用。...通过使用Postman，你可以查看你通过Postman之前发起过的请求，并且可以非常友好的编辑测试数据去测试API在不同请求下的返回。...同时，虽然我们不鼓励录屏式的测试方法，但是Postman提供了一系列的拓展允许我们将它作为跑测试的工具。 随着网站应用所支持设备的增多， 花在跨设备测试上的代价也在不断增大。...Browsersync能够通过同步多个移动设备或桌面浏览器上的手工浏览器测试来极大的降低跨浏览器测试的代价。...如果能在开发过程中结合使用BDD（行为驱动开发）的思想，统一团队对需求的认识，利用团队的力量来优化业务将会达到事半功倍的效果。 传统方式下，QA角色主要专注于保证软件产品在类产品环境下的质量。

969111

用了10年Postman，没想到它的Mock功能也如此强大

但在这里推荐的是使用Postman，避免同时打开pycharm和webstorm，同时对于不懂python的同学也是福音。 在整个开发过程中，前端或后端的延迟可能会阻碍相关团队有效地完成工作。...前端，后端和API团队现在可以并行工作，从而释放之前因这些依赖性而延迟的开发人员。现在，让我们看看Postman是如何模拟后端的。...最后一个步骤，我们得到了一个mock server的地址，也就是说，这个mock server是postman在自己的服务器上为我们创建的，无论我们是否打开postman，我们都可以直接用这个地址来访问...我们可以直接在postman上测试： ? 也可直接在浏览器上验证： ? 注意，在验证第二个endpoint的时候，失败的原因是，endpoint是POST权限的，但浏览器默认是用GET去访问。...05 对开发模式的启发 使用postman，前端团队和后端团队完全可以在约定了API接口之后，各自完成开发，而不需要收到对方进度的影响，因此在真正开始开发工作之前，接口、数据格式的约定变得尤为重要，当然

2K30

postman使用

这里介绍一下如何在chrome浏览器利用postman应用进行restful api接口请求测试。 关于Postman的安装方法，可以参考Postman软件安装....一、导入导出打包的应用 在Postman中导入导出我们的 测试数据包 和 工作环境 非常的方便： 导出数据包： ? 导出数据包.png 导出工作环境： ? 导出工作环境 1.png ?...一些API端点使用路径变量，你可以在Postman中设置，他们位于两个 / 中，样式如下： ?...headrs.png 这里显示了一些键值对，表示了HTTP请求中header中的信息。 Cookies Postman v0.8.x 版本可以显示浏览器的cookie。...7.捕捉request 现在Postman的拦截器可以从Chrome浏览器直接捕捉request，并保存到历史中。这意味着你可以及时的调试你的web应用的api。

2.3K21

postman插件的应用与实战(一)

都是一个很好的选择，在之前的博客中已经介绍了，这里不再详细的介绍，今天这里只介绍postman工具，它是chrome浏览器的一个插件，安装需要到google的官方商店，所以，想安装postman，得首先到...chrome按钮，就会进行下载安装，安装成功后，在chrome浏览器的右上角会显示postman的图标 ,点击 后，会在chrome打开新的页签，显示postman的界面，见截图：...m=api&c=cookie&a=setcity，参数为cityId=438，在postman实现这样的一个请求，见实现的截图以及response返回的信息： 其他的如delete,put等请求方式在这里我就不详细演示了...，见调用的结果： 事实上，看到如上的截图，这不是想要的结果，在title中应该显示：“手机站后端管理::用例管理 - 禅道项目”，但是实际上显示的是让用户登录，这是为什么了？...另外一个角度来说，使用postman的工具，可以在工作中来完成某些接口的验证。

2K30

如何将Postman API测试转换为JMeter以进行扩展

许多测试工程师使用Postman进行API测试自动化。他们发现端点，发出请求，创建测试数据，运行回归测试，使用Newman等实现API测试的持续集成。但是，Postman有一定的测试限制。...性能测试能力 由于可扩展性限制，Postman不适合API性能测试。性能测试要求同时针对多个线程（用户）运行测试，以确保系统在重负载下不会中断。...因此，您可以使用它来拦截浏览器生成的请求。在我们的例子中，您可以使用它来拦截Postman，并将请求转换为HTTP Request采样器。...这是一个有关其工作原理的小示例： 将Postman转换为JMeter时的提示，技巧和局限性 命令行记录 如果要在Windows上记录Newman测试，请遵循Windows操作系统代理设置。...因此，在Internet Explorer或Chrome浏览器中执行设置就足够了。这将设置纽曼将使用的系统级代理。

32440

API 请求慢？这次锅真不在后端

问题 我们在开发过程中，发现后端 API 请求特别慢，于是跟后端抱怨。 “怎么 API 这么慢啊，请求一个接口要十几秒”。 而且这种情况是偶现的，前端开发同学表示有时候会出现，非必现。...我们来梳理一下问题，如下： 后端 API 请求特别慢，而且是偶现的。 在 test 环境没有复现。 postman 工具请求没有复现。 问题解决过程 时间都去哪了？...第一个问题，API 耗费的时间都用来做什么了？ 我们打开 Chrome 调试工具。在 network 中可以看到每个接口的耗时。...所以 API 到底在等待浏览器的什么处理？ 什么阻塞了请求？ 经过定位，我们发现，我们项目中使用 Server-Sent Events（以下简称 SSE）。...需要注意的一点是： 该配置项在 Node 15.0.0 及以上的版本会被忽略，因为 spdy 在这些版本中不会正常工作。

81510

API 请求慢？这次锅真不在后端

问题我们在开发过程中，发现后端 API 请求特别慢，于是跟后端抱怨。“怎么 API 这么慢啊，请求一个接口要十几秒”。而且这种情况是偶现的，前端开发同学表示有时候会出现，非必现。...我们来梳理一下问题，如下：后端 API 请求特别慢，而且是偶现的。在 test 环境没有复现。postman 工具请求没有复现。问题解决过程时间都去哪了？第一个问题，API 耗费的时间都用来做什么了？...所以 API 一直在等待浏览器给它发出去的指令，以上面截图的为例，整整等待了 23.84S，它请求和响应的时间很快（最多也就几百毫秒，也就是后端所说的接口并不慢）。...所以 API 到底在等待浏览器的什么处理？什么阻塞了请求？经过定位，我们发现，我们项目中使用 Server-Sent Events（以下简称 SSE）。...需要注意的一点是：该配置项在 Node 15.0.0 及以上的版本会被忽略，因为 spdy 在这些版本中不会正常工作。

87350

推荐2个工具

5.1假期第二天，依然窝在家里，不过今天来客了，我的好朋友「晓哥」来看小宝，中午喝了点，各自「吹嘘」了一阵，聊聊各自职业的发展，工作中遇到的问题，以及对未来的规划。...话题一转，说说今天的主角：2个工具，一个是抓包工具Charles，一个是API调试工具Postman。...抓取HTTPS请求 要抓取HTTPS请求，需要配置证书，过程如下： 第一步，在mac上安全charles根证书： ? 第二步，保存charles根证书为cer格式，发送到手机，安装证书： ?...中临时修改网络请求的返回内容； 感兴趣的可以查看这篇文章了解：传送门 Postman Postman是一种网页调试与发送网页http请求的应用，可以用来很方便的模拟get或者post或者其他方式的请求来调试接口...第二步，浏览器设置代理为第一步开启的端口： ? 我使用浏览器插件SwitchyOmega进行了设置，这样在浏览器中访问网站，就会在Postman的History中显示了： ?

2.7K80

开发者必备的7款效率提升工具

但是，网上有许多可用的工具能在应用程序开发过程中给我们提供很大帮助。本文列出了一些我用过的工具，希望推荐给开发者，因为这些工具对我个人的工作有非常大的帮助。...通过让你团队中的开发人员和设计人员一起工作，Bit.dev 是从头开始构建一个设计系统的完美工具。...这个团队还提到，这个工具之所以这么快是因为在比较低的层次上实现了搜索功能。...https://github.com/pshihn/workly 6Postwoman Postman 是开发人员常用的一个 API 客户端工具。...我个人也遇到过这样的情况：因为文档过时，我很难找到发送给 API 的数据的格式。我不得不使用 C# 中的动态数据类型来看看收到的对象是什么样的。

57520
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券