u.v n ed ui .ha T h S : L Ê K IM N H Â N - P H A N T H A N H H Ù N G ww w lib nhóm tin học thực dụng ui ed u.v n- Qỉackin w lib thuật thấm ttltạp lib ui ed u.v n- ww thành công trình duyệt cWeb ed u.v n -w ww (tồn tập) ww w lib ui ed u.v n -w ww lib ui Với 150 kọ thuật thỗm nhộp tinh chỉnh hoàn hảo NHÀ XUẤT BẢN HỒNG ĐỨC u.v n ed ui .lib ww w ed u.v n ui .lib -w ww lib -w ww ed ui n- u.v ww w lib ui ed n- u.v ww w lib ui ed u.v n u.v n ed ui .ha ww w lib nu.v ui ed Ờ I NÓ I ĐẦU n- ww w lib Nếu có sản phẩm thiết kế cho hacking Firefox sản phẩm Firefox dự án nguồn mở mã nguồn ln có sẩn cho người muốn sâu vào chương trình Nếu bạn muốn hacking Firefox, "Kỹ thuật thâm nhập thành cơng trình duyệt Web Firefox" sách dành cho bạn với 150 kỹ thuật thâm nhập tinh chỉnh hoàn hảo ed u.v n -w ww lib ui ed u.v Đây sách tồn tập bơ" cục thành phần nhằm giúp bạn đọc đạt đến đích cuối khả tạo extension đc tuỳ biến Firefox theo ý thích Sách bắt đầu với phần trình bày sơ lược kỹ thuật hack tay việc cần làm để bảo đảm an tồn trước hack thật Tiếp đó, sách sâu vào việc hack thành phần giao diện Firefox menu, công cụ, trạng thái, đồng thời trình bày kết xuất trang cách chỉnh sửa file trọng tâm đổ tận đụng tất tính cốt lõi Firefox Sau cùng, sách hướng dẫn kỹ sử dụng ngơn ngữ lập trình giao diện Mo/.illa mở rộng để chỉnh sửa khía cạnh trình duyệt iheo ý muốn việc tạo extension theme .lib ui Với nội dung trình bày rõ ràng, hình ảnh minh hoạ cụ thể với lưu ý thủ thuật, chắn sách hữu ích cho bạn đọc việc học kỹ thuật thâm nhập Firefox ww w lib ui ed u.v n -w ww Chúc bạn thành công rrt / »9 Tác gia u.v n ed ui .lib ww w ed u.v n ui .lib -w ww lib -w ww ed ui n- u.v ww w lib ui ed n- u.v ww w lib ui ed u.v n u.v n- u.v n ww w lib ui ed ĩh d n g 1: Hack khỏi động Firefox w lib n- ww Hack ui ed PHẨN I u.v ed Chtỉơng 1: H ack s ự k h i động F ire/ox ui Chiiơtig 2: H ack bằn g ta y Cỉniơìig 3: H ack c c exten sion lib Cbương 4: H ack c c th em e biển tươtig ww w lib ui ed u.v n -w ww lib ui ed u.v n -w ww \ _ > u.v n Chương 1: Hack khởi động Firefox ww w lib ui ed u.v n- ww w lib ui ed ui ed u.v n- Hock khởi động Fi refox T rong chư ơng n ày b ạn h ọ c n h ữ n g đ iểm ch ín h sau đây: lib B Cài đ ặ t D o cu m en t Inspector -w ww B B iên tập công cụ text I S d ụ n g JavaScript Consolé B G iải thích profile ed u * Sao lim trước kh i h ack ww w lib ui ed u.v n- lib ww w H ui ack Mozilla Firefox đơn giản hiểu m ột số tín h trìn h duyệt In tern et bản, cài đặt số cơng cụ có th ể tìm file trê n hệ thống máy tính Sau phức tạp m ột chút Chương b đầu việc thảo luận phương pháp khác để hack Firefox thứ tiến triển th ế Nếu bạn hiểu số công cụ lập trìn h Web bản, chẳng hạn css, JavaScript, XML, bạn trước trò chơi bước T rái lại bạn không rành cơng nghệ cho lắm, bạn tìm thấy nhiều ví dụ tham khảo dẫn dắt bạn việc thâm nhập (hack) Đầu tiên, chương đề cập đến số' cơng cụ mà bạn nên sử dụng hack Firefox Các công cụ đề cập bao gồm Document Inspector, biên tập text bản, JavaS cript Console Một phần tố t chương giúp bạn tìm xác lập Firefox cá nhân ui ed u.v n- u.v n ui ww w lib hố thư mục Profile sau làm nối bật tính hầu h ết file Khi bạn tiếp tục đọc sách này, bạn khai thác nhiều th àn h phần profile Sau đó, bạn tiếp cận phương pháp khác để hack trình duyệt sử dụng số chức đưa vào trìn h duyệt chẳng hạn about:config JavaScript Con solé Sau cùng, bạn học điều việc thay đổi preference giao diện cách hack tay file p refsjs, user.js, userChrome.css, userContent.css Sau cùng, bạn bắt đầu tìm hiểu cơng nghệ cốt lõi tham gia việc hack khía cạnh Mozilla Firefox ed Chương : Hack khởi động Firefox C ài đ t G a d g e t Docum ent Inspector ww w lib ui ed u.v n -w ww lib ui ed u.v n -w ww lib ui ed u.v n- ww w lib Firefox In staller có hai chế độ cài đặt: Standard Custom Nếu bạn cài đặt Standard, bạn thiếu thành phần hack lập trìn h quan trọng: Document Inspector, DOM Inspector Extensión Document Inspector cơng cụ phát triển sử dụng để phân tích Document Object Model (DOM) tran g web giao diện Firefox, rấ t hữu dụng việc đào sâu vào cấu trúc cốt lõi tran g web, cửa sổ trình duyệt Firefox phần tử trìn h duyệt Cơng cụ phát triển trình duyệt có sẵn từ tiến trìn h cài đ ặt Firefox Phần sau chương qua suốt sách này, bạn bắt đầu thấy chuẩn mơ hình tài liệu trang web thích hợp với tuỳ biến giao diện Firefox th ế Vậy bạn mn cài đặt Document Inspector (cịn gọi DOM Inspector), bạn cài đặt Firefox phải không? Không thành vấn đề Chỉ việc cài đặt lại Firefox, thay chọn kiểu cài đặt Standard, chọn kiểu cài đặt Custom Làm theo dòng nhấc cho dến bạn đến m àn hình S elect C om pon en ts Chọn D ev elo p er Tools, cách nhấp hộp kiểm minh hoạ hình 1.1, để cài đặt cơng cụ D ocu m en t In sp ec tor w lib ui ed u.v n- ww w lib ui ed u.v n Chương 1: Hack khởi động Firefox 10 ww Hình 1.1: Cài đặt cơng cụ Document Inspector ww w lib ui ed u.v n -w ww lib ui ed u.v n -w ww lib ui ed u.v n- Một bạn hoàn thành việc cài đặt cài đặt lại này, bạn nhận thấy DOM Inspector menu Tools có sẵn cho tấ t profile hệ thông Bạn sử dụng cơng cụ nguồn tài nguyên để phân tích thành phần giao diện Firefox Hình 1.2 minh hoạ khung xem DOM Inspector trang web tải trìn h duyệt Chú ý hệ thống phân cấp cho tran g web tải hiển thị panel bên tay trái với cấp (level) nút (node) nhóm theo hệ thống phân cấp mã định nghĩa HTML Ngoài ra, chi tiết trê n nút chọn hiển thị panel bên tay phải; panel trở nên hữu dụng bạn hack giao diện Firefox Hình 1.2: Cây tài liệu thuộc tính đồi tượng DOM Inspector u.v n- ww w lib ui ed u.v n- u.v n ui ww w lib Thỉnh thoảng, bạn nhận thấy việc chạy DOM Inspector cài đặt cài đặt lại không m ang lại kết bạn mong đợi khơng có tác dụng Để giải điều này, bạn thử gở cài đặt Firefox sau cài đật lại với tuỳ chọn Developer Tools b ật (enable) tạo profile Firefox Trừ phi bạn chạy phiên cũ Firefox nhắc bạn có muốn xố tấ t file chương trìn h hay khơng, trình gở cài đặt (uninstaller) Firefox giữ lại tấ t plugin hỗ trợ file khác mà có th ể cần Nếu nhắc, xố tấ t file chương trìn h Firefox, khơng xác nhận dòng nhắc này; việc làm điều đòi hỏi cài đặt lại hỗ trợ plugin cho tín h chẳng hạn Macromedia Flash, Shockwave, QuickTime và/hoặc RealPlayer ed 11 Chương : Hack khởi động Firefox -w ww lib ui ed u.v n -w ww lib ui ed Mặc dù có m ột phân cấp HTML tốt, lợi ích thực DOM Inspector sử dụng để hack Firefox Firefox dựa vào ngơn ngữ giao diện người dùng mở rộng chéo gọi XƯL, vốn dựa vào chuẩn XML tạo để hỗ trợ ứng dụng M ozilla C ác giao d iện người dùng cho M ozilla S uite, Firefox, Thunderbird, Sunbird sử dụng XUL để tạo hiển thị giao diện người dùng N ền tảng giao diện phần tử cốt lõi giúp tấ t chương trìn h chạy hệ điều hành khác Giao diện tập hợp định nghĩa đối tượng sử dụng để tạo phần tử hình Sử dụng DOM Inspector dễ dàng giúp bạn bước qua hệ thống phân cấp sử dụng để tạo cửa sổ thực hiển thị Firefox Để tạo hệ thống phân cấp XUIi củạ cửa sổ trìn h duyệt, làm theo bước sau đây: Trong cửa sổ trình duyệt chính, định hướng sang b ất kỳ web site bên ngoài, chẳng hạn http://www.mrtech.com Mở DOM Inspector từ menu Tools Vào lúc này, web site mở bước trước phân tích .ha ui ed u.v n Từ menu File, chọn mục từ tuỳ chọn menu Inspect a Window tương ứng với site mở bước trước, trường hợp "MRTech.com - Mozilla Firefox" ww w lib Sau làm bước này, nút phần tử tran g cho cửa sổ trìn h duyệt tải có sẵn để kiểm tra trực quan th ể panel Document - DOM Nodes bên tay trái hình ed u.v n Chương 1: Hack khởi động Firefox 12 -w ww lib ui ed u.v n- ww w lib ui ed u.v n- ww w lib ui 1.3 Để tham khảo sau này, bạn có th ể sử dụng vị trí URL sau cho cửa sổ trĩn h duyệt Firefox để duyệt nhanh nút: chrome:/ /brow ser/content/brow ser.xul Sau nút liệt kê panel trái cho trang brow ser.xul, việc nhấp vào Inspect nằm bên phải location để mở m ột cửa sổ để duyệt tran g thực nửa hình (cũng m inh hoạ hình 1.3) ed u.v n Hình 1.3: DOM Inspector với browser.xul Firefox tải -w ww lib ui Để tìm tên nội id phần tử cửa sổ Firefox riêng biệt, sử dụng tuỳ chọn Select Elem ent By Click từ menu Search Một bạn chọn tuỳ chọn này, bạn nhấp vào b ất kỳ phần tử hình nửa cửa sổ DOM Inspector nhảy đến định nghĩa thực cho phần tử bên hệ thơng phân cấp Ở bạn dễ dàng truy cập id nội kết hợp với phần tử sử dụng id cho việc viết mã xử lý tương lai ed u.v n Q -T u ỳ c h ọ n S e le c t E le m e n t B i j C l i c k c h ỉ I m v iệ c sau l(lii t q n đ ã n íiố p v o In s p e c t k ế t ê n th a n h lo c a tio n Sử dụng DOM Inspector hình 1.3, bạn giải thích XUL sử dụng th ế để xây dựng cửa sổ trình duyệt Firefox Như bạn thấy từ hình này, có đối tượng nút XƯL gọi toolbox với id navigator-toolbox Đổì tượng định ui .lib ww w l x d í ... cho hacking Firefox sản phẩm Firefox dự án nguồn mở mã nguồn ln có sẩn cho người muốn sâu vào chương trình Nếu bạn muốn hacking Firefox, "Kỹ thuật thâm nhập thành cơng trình duyệt Web Firefox" sách... cho bạn với 150 kỹ thuật thâm nhập tinh chỉnh hoàn hảo ed u.v n -w ww lib ui ed u.v Đây sách tồn tập bơ" cục thành phần nhằm giúp bạn đọc đạt đến đích cuối khả tạo extension đc tuỳ biến Firefox. .. ui Với nội dung trình bày rõ ràng, hình ảnh minh hoạ cụ thể với lưu ý thủ thuật, chắn sách hữu ích cho bạn đọc việc học kỹ thuật thâm nhập Firefox ww w lib ui ed u.v n -w ww Chúc bạn thành công