4 个出色的原型设计网络工具。

1.Placeholder.com​

2. iHateRegex

3. {JSON} 占位符

4. ngrok

今天我将向您展示 4 种神奇的工具，以节省您制作原型的时间。

1.Placeholder.com​

这是一款超棒的图片占位工具。你可以生成你想要的尺寸、颜色、格式和文本内容🤳🏼。

例子：

如果您访问此 URL https://via.placeholder.com/728x90.png/0000FF/FFFFFF?text=Hello,+How+are+you?，您会收到完全相同的图像。

请访问Placeholder.com并查看文档。

2. iHateRegex

有两种类型的人，一种熟悉 Regex，一种不熟悉。

99%的程序员并不100%熟悉，对我来说这个页面对于日常编程真的很有帮助。

3. {JSON} 占位符

当您没有 API 并且想要测试部分代码，或者您只是在学习而不想编写自己的后端时，这是一个很好的工具。

例子：

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))

输出：

{
  "userId": 1,
  "id": 1,
  "title": "delectus aut autem",
  "completed": false
}

4. ngrok

另一个很棒的工具是 ngrok，使用一个命令就可以预览您的工作。

使用示例：

ngrok http 80

封面照片由Nick Fewings在Unsplash上拍摄