MakeXYZ Fun

[Video Summary] Ch. 6.2 View JSON in a Browser - Safari & Chrome Extensions (2024)

Admin -

Mô tả nhanh

Video này hướng dẫn cách cài đặt các extension (tiện ích mở rộng) trên trình duyệt Safari và Chrome để hiển thị định dạng JSON một cách dễ đọc và trực quan hơn. Điều này giúp cho việc phân tích và làm việc với dữ liệu JSON trở nên dễ dàng hơn, đặc biệt là khi làm việc với API.

Video

Click vào hình dưới để mở:

Mô tả chi tiết

Video này hướng dẫn cách cài đặt các extension (tiện ích mở rộng) trên trình duyệt Safari và Chrome để hiển thị định dạng JSON một cách dễ đọc và trực quan hơn. Việc này rất quan trọng trong quá trình phát triển ứng dụng, đặc biệt khi làm việc với API.

  • Giới thiệu về API:
    • API (Application Programming Interface) là một bộ các tiêu chuẩn được các công ty công bố để cho phép các nhà phát triển khác sử dụng dịch vụ của họ.
    • API được sử dụng rộng rãi trong các ứng dụng như Uber trong Google Maps, OpenTable, v.v.
    • Có nhiều API công khai miễn phí hoặc có phí, bao gồm các chủ đề khác nhau như phim Marvel, công thức nấu ăn, thông tin giao thông, v.v.
  • Vấn đề với việc hiển thị JSON mặc định:
    • Dữ liệu JSON thường hiển thị dưới dạng một chuỗi dài khó đọc và khó phân biệt các phần tử khác nhau.
  • Cài đặt extension cho Safari:
    • Mở Safari Extensions trong menu Safari.
    • Tìm kiếm "Collapsible JSON".
    • Chọn "Better JSON for Safari", tải về và mở.
    • Bật extension trong cài đặt Safari.
    • Sau đó, JSON sẽ được hiển thị một cách trực quan với các biểu tượng mở rộng/thu gọn.
  • Cài đặt extension cho Chrome:
    • Mở Chrome Web Store.
    • Tìm kiếm "JSON formatter".
    • Chọn extension có nhiều đánh giá tốt và thêm vào Chrome.
    • Refresh lại trang có JSON để thấy JSON hiển thị đẹp hơn.
  • Lợi ích của việc sử dụng extension:
    • Dễ dàng xem và hiểu cấu trúc dữ liệu JSON.
    • Khả năng mở rộng/thu gọn các phần tử JSON giúp dễ dàng tìm kiếm dữ liệu mong muốn.

Video cũng đề cập đến việc sử dụng Poke API trong các bài học tiếp theo, và việc cài đặt extension sẽ giúp cho việc hiểu và xử lý dữ liệu JSON từ API này trở nên dễ dàng hơn.

Chúc bạn có một buổi học thú vị!