Hướng dẫn thực tế cho tiện ích trình duyệt
Bài viết ngắn giải thích quy trình phía sau công cụ.
Mẫu Regex thực dụng
Hướng dẫn kiểm tra Regex JavaScript cho form, khớp route và tìm kiếm log.
Trước khi viết Regex, liệt kê mẫu phải khớp và mẫu phải bị loại. Sau đó kiểm tra flag, nhóm bắt và ký tự thoát để tránh khớp nhầm.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Ví dụ lịch Cron
Ví dụ và lưu ý khi tạo job lặp theo phút, giờ, ngày và tháng bằng five-field cron.
Trước khi sao chép biểu thức Cron, hãy hiểu phút, giờ, ngày trong tuần và tháng. Sau đó kiểm tra môi trường dùng five-field, Quartz hay biến thể có múi giờ.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Thẻ meta SEO
Hướng dẫn meta tags cần thiết cho đoạn kết quả tìm kiếm, xem trước mạng xã hội, canonical URL và trang trùng lặp.
Trước khi tạo meta tags, hãy xác nhận title, description, canonical URL và Open Graph URL cùng mô tả một trang cuối. Điểm vào trùng làm yếu tín hiệu tìm kiếm.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Giới hạn preview iframe
Giải thích vì sao trang chặn iframe và cách hiểu CSP hoặc X-Frame-Options khi xem trước responsive.
Trước khi dùng iframe, hãy kiểm tra CSP hoặc X-Frame-Options có chặn trang không. Công cụ chỉ hiển thị trang công khai mà trình duyệt cho phép tải.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Văn bản placeholder cho thiết kế
Hướng dẫn dùng văn bản giữ chỗ mà không che mất lỗi bố cục, khả năng truy cập và nội dung sản phẩm.
Văn bản giữ chỗ giúp kiểm tra khoảng cách, xuống dòng và trạng thái rỗng, nhưng độ dài nên gần nội dung thật. Văn bản quá đều có thể che lỗi tràn trong nút, bảng và thẻ.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình tiện ích trình duyệt
Quy trình dùng tiện ích trình duyệt cục bộ trong khi giữ an toàn nội dung nhạy cảm và dữ liệu sản xuất.
Khi xử lý payload, token hoặc cấu hình, hãy ẩn dữ liệu nhạy cảm trước, sau đó định dạng hoặc chuyển đổi, rồi kiểm tra lại kết quả bằng công cụ liên quan.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Ghi chú bảo mật Hash
Ghi chú dùng MD5, SHA-1, SHA-256 và SHA-512 mà không nhầm băm với mã hóa.
MD5, SHA-1, SHA-256 và SHA-512 hữu ích cho kiểm tra và dấu vân tay nội dung. Chúng không che giấu văn bản gốc và không đủ để bảo vệ mật khẩu.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình diff văn bản cho lập trình viên
Quy trình so sánh đoạn mã, thay đổi cấu hình, log và bản sửa nội dung để thấy khác biệt nhanh hơn.
Trước khi so sánh mã, log hoặc cấu hình, hãy chuẩn hóa xuống dòng, thụt lề và sắp xếp khi phù hợp. Diff sẽ làm nổi bật thay đổi thật hơn.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình chuyển đổi dữ liệu
Hướng dẫn chuyển đổi JSON, YAML và CSV, kiểm tra cấu trúc, mảng, đối tượng và kết quả trước khi sao chép.
Trước khi chuyển giữa JSON, YAML và CSV, hãy xác định danh sách, đối tượng, giá trị rỗng và dấu phân tách sẽ được biểu diễn thế nào. Sau khi chuyển đổi, kiểm tra lại cấu trúc.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình định dạng SQL
Quy trình định dạng SQL dài để đọc điều kiện, phép nối, truy vấn con và điểm khác biệt dễ hơn.
Khi định dạng SQL, đừng đổi điều kiện, thứ tự join hoặc nội dung chuỗi. Dùng formatter để dễ đọc rồi kiểm tra diff để chắc chỉ đổi khoảng trắng và xuống dòng.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Kiểm tra màu và tương phản
Hướng dẫn dùng HEX, RGB, HSL và tỷ lệ tương phản để giữ màu giao diện dễ đọc.
Sau khi chuyển đổi màu, hãy kiểm tra tương phản trên nền, cỡ chữ và trạng thái giao diện thật. Chỉ nhìn HEX hoặc RGB chưa đủ để kết luận dễ đọc.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình tạo giá trị an toàn
Hướng dẫn tạo mật khẩu, token, UUID và ULID cho phát triển mà không phóng đại cam kết bảo mật.
Mật khẩu, token, UUID và ULID phù hợp cho dữ liệu thử, fixture và định danh tạm thời. Đừng xem kết quả cục bộ như khóa sản xuất hoặc thông tin xác thực lâu dài.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Tiện ích Web và SEO
Quy trình Web SEO cho robots.txt, sitemaps, favicons, phân tích URL và bản xem trước mạng xã hội.
robots.txt, sitemap, canonical URL và bản xem trước mạng xã hội nên trỏ về cùng nhóm trang cuối. Sửa mã trạng thái và điểm vào trùng trước khi đổi tiêu đề hoặc mô tả.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình kiểm tra mạng
Hướng dẫn khoanh vùng lỗi triển khai công khai, chuyển hướng và domain bằng trạng thái HTTP cùng bản ghi DNS.
Trạng thái HTTP, chuỗi chuyển hướng và bản ghi DNS giúp tách lỗi triển khai, domain và bộ nhớ đệm. Chỉ kiểm tra URL hoặc host công khai.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình tiện ích CSS
Hướng dẫn dùng định dạng CSS, rút gọn, chuyển đổi đơn vị và clamp trong quy trình sửa bố cục thực tế.
Trước khi sắp xếp CSS, rút gọn, đổi đơn vị hoặc tính clamp, hãy xác nhận breakpoint, chiều rộng container và giới hạn cỡ chữ. Như vậy kết quả ít làm vỡ giao diện thật.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình làm sạch văn bản
Quy trình sắp xếp, lọc trùng, đếm, xem trước và chuẩn hóa văn bản trước khi dùng trong mã hoặc CMS.
Trước khi sắp xếp, lọc trùng, đếm hoặc tạo slug, hãy giữ phiên bản ban đầu. Sau khi làm sạch, so sánh số dòng, khoảng trắng và chữ hoa chữ thường.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.
Quy trình ký hiệu và text art
Hướng dẫn tạo ký hiệu, banner ASCII và dot art có thể sao chép, kèm kiểm tra chiều rộng và hiển thị.
Ký hiệu và text art có thể đổi theo font, độ rộng và xuống dòng. Hãy chọn nơi dùng trước, rồi quyết định dùng ký hiệu ngắn, banner ASCII hay dot art.
Loại bỏ dữ liệu nhạy cảm
- Xác nhận mẫu đầu vào đại diện cho vấn đề thật.
- Ghi lại trình duyệt, bộ lập lịch, parser hoặc môi trường triển khai.
- Nếu có cảnh báo, kiểm tra lại bằng công cụ liên quan trước khi sao chép.