Đây là bài viết thứ 32 trong chuỗi bài chia sẻ các tính năng bảo mật và tùy chỉnh mới của iBrowe. Bản cập nhật lần này ghi nhận đóng góp của Pavel Beloborodov (Kỹ sư phần mềm cấp cao) và được biên soạn bởi Shivan Kaul Sahib (Trưởng nhóm Kỹ thuật bảo mật).
📋 Tổng quan
Kể từ phiên bản iBrowe Desktop 1.75, người dùng nâng cao có thể chèn JavaScript tùy chỉnh—hay còn gọi là scriptlet tùy chỉnh—vào bất kỳ trang web nào. Tính năng này trao cho bạn quyền kiểm soát chi tiết, cho phép tinh chỉnh giao diện trang web, chặn các thành phần động gây khó chịu, hoặc bổ sung chức năng còn thiếu. Khác với việc cài đặt tiện ích mở rộng bên thứ ba (tiềm ẩn nhiều rủi ro), scriptlet tùy chỉnh của iBrowe được tích hợp sẵn trong trình duyệt, thực thi hoàn toàn cục bộ và không bao giờ gửi dữ liệu ra ngoài thiết bị. ⚡️
🔍 1. Vì sao Scriptlet tùy chỉnh quan trọng?
1.1 Chặn quảng cáo và bảo vệ quyền riêng tư tích hợp sẵn
iBrowe Shields đã mặc định chặn quảng cáo bên thứ ba, trình theo dõi, thông báo cookie,… mà không cần cài đặt tiện ích.
- Mặc định bảo mật: Tất cả tính năng được bật sẵn, giúp người dùng lướt web nhanh hơn, sạch hơn và an toàn hơn. 🚀
1.2 Tại sao cần tùy chỉnh sâu hơn?
- Khắc phục lỗi cục bộ: Một số website gặp lỗi hoặc hiển thị popup khó chịu mà bộ lọc tĩnh không xử lý được.
- Tinh chỉnh cá nhân hóa: Bạn có thể loại bỏ thanh bên, bật lại menu chuột phải bị vô hiệu hóa, hoặc áp dụng giao diện nền tối cho từng trang cụ thể.
- Hỗ trợ phát triển: Người dùng kỹ thuật và lập trình viên có thể nhanh chóng thử nghiệm giải pháp sửa lỗi, tối ưu hiệu suất trực tiếp trên trang.
Bằng cách cung cấp tùy chọn Chế độ Nhà phát triển (Developer Mode) cho scriptlet tùy chỉnh, iBrowe trao quyền cho người dùng am hiểu JavaScript tự kiểm soát nội dung trang web mà không ảnh hưởng tới bảo mật trình duyệt. 🛡️
🔨 2. Cách bật và viết Scriptlet tùy chỉnh
2.1 Bật Chế độ Nhà phát triển
- Mở Cài đặt (Settings).
- Nhấp biểu tượng menu (⋮) ở góc trên bên phải và chọn Cài đặt.
- Điều hướng tới Shields → Bộ lọc nội dung
(hoặc truy cập trực tiếp:
ibrowe://settings/shields/filters). - Cuộn xuống và bật Chế độ Nhà phát triển tại mục Scriptlet tùy chỉnh.
- Đọc cảnh báo kỹ lưỡng và chỉ tiếp tục nếu bạn tin tưởng script của mình.
2.2 Tạo Scriptlet tùy chỉnh
- Nhấn Thêm scriptlet mới trong mục Scriptlet tùy chỉnh.
- Đặt tên cho scriptlet (tiền tố
user-sẽ tự động được thêm). - Viết mã JavaScript trong trình chỉnh sửa.
Ví dụ: Xóa thanh bên trên stackoverflow.com:
// Ẩn thanh bên trái và phải để tập trung đọc nội dung chính
document.querySelectorAll('.left-sidebar, .right-sidebar').forEach(el => el.remove());
document.querySelector('.mainbar').style.margin = '0 auto';
- Nhấn Lưu Scriptlet sẽ được lưu cục bộ và tự động thực thi trên các trang khớp quy tắc.
2.3 Áp dụng Scriptlet cho website
-
Thêm quy tắc bộ lọc tùy chỉnh:
-
Trong mục Quy tắc tùy chỉnh (Custom rules), nhấn Thêm quy tắc mới (Add new rule).
-
Sử dụng cú pháp:
example.com##+js(user-myScriptlet.js)- Thay
example.combằng tên miền bạn muốn áp dụng. - Thay
user-myScriptlet.jsbằng tên scriptlet đã tạo.
- Thay
-
-
Lưu thay đổi và tải lại trang. JavaScript của bạn sẽ được thực thi ngay lập tức, chỉnh sửa nội dung trang theo đúng ý muốn.
🔧 Mẹo: Có thể dùng ký tự đại diện (
*.example.com) hoặc phân đoạn đường dẫn (example.com/path/*##+js(...)) để nhắm mục tiêu chính xác hơn.
🔍 3. Một số tình huống sử dụng
3.1 Loại bỏ thanh bên gây phân tâm
Trước khi áp dụng: StackOverflow hiển thị quảng cáo và danh sách câu hỏi liên quan ở thanh bên.
Sau khi áp dụng:
document.querySelectorAll('.sidebar-wrapper').forEach(el => el.remove());
document.querySelector('#mainbar').style.width = '100%';
💡 Với scriptlet tùy chỉnh, iBrowe cho phép bạn biến mọi website thành phiên bản phù hợp nhất với nhu cầu cá nhân—hoàn toàn riêng tư, bảo mật và không phụ thuộc tiện ích mở rộng.
