DOM Screenshot & Feedback Widget Demo (Mobile & Web)

💡 Cách dùng thử trên điện thoại & nhúng vào web:

Bấm vào nút tròn màu tím "📸 Phản hồi / Chụp ảnh" ở góc dưới bên phải màn hình để mở menu:

Chạm chọn phần tử: Chạm tay vào bất kỳ thẻ card, nút bấm, bảng giá bên dưới để chụp riêng phần đó.
Màn hình hiện tại: Chụp ảnh khung nhìn của điện thoại.
Vẽ & Chú thích: Vẽ mũi tên, gạch chân, viết chữ, làm mờ thông tin.
Nút "📲 Chia sẻ": Mở menu chia sẻ gốc của iPhone / Android (gửi qua Zalo, Messenger, Lưu ảnh...).

📦 Các khối giao diện mẫu để test chụp:

Dashboard

📊 Thống kê doanh thu

Thẻ thống kê số liệu động và biểu đồ giao dịch.

Tổng doanh thu: $24,580

Lượt phản hồi: 1,420+

Gói Pro

💎 Gói Dịch Vụ Nâng Cao

499.000đ /tháng

✔ Không giới hạn số lần chụp ảnh DOM
✔ Tự động xuất file HD Retina 2x/3x
✔ Bộ công cụ làm mờ thông tin nhạy cảm

💻 Mã nguồn để nhúng vào website trong tương lai:

Chỉ cần chèn 2 file JS vào trang web của bạn (ví dụ dự án WordPress, React, Vue, HTML):

<script src="demo/modern-screenshot.min.js"></script>  <script src="demo/feedback-widget.js"></script> <script> // Khởi tạo nút phản hồi nổi trên web & mobile FeedbackWidget.init({ position: 'bottom-right', scale: 2, onCapture: (blob, dataUrl, meta) => { console.log('Ảnh chụp phản hồi:', meta); // Bạn có thể gửi ảnh lên server hoặc qua Telegram Bot / Email API } }); </script>