Có khi nào bạn muốn chỉnh sửa một Website bất kỳ theo ý thích của mình chưa? Sau đây là một cách đơn giản nhất để làm điều đó
Đoạn mã Javascript của bookmarklet như sau:
[javascript:document.body.contentEditable = 'true'; document.designMode='on'; void 0]
Giới thiệu thêm về Bookmarklet
Bookmarklet là một phần nhỏ của JavaScript, có thể dễ dàng thực hiện qua tính năng "đánh dấu trang" hoặc "yêu thích" trong một trình duyệt web. Thông thường mã bookmarklet được đưa vào thuộc tính href của một phần tử anchor HTML (như hầu hết các liên kết trên web) và điều này sau đó có thể được kéo vào thanh dấu trang hoặc thêm vào mục yêu thích thông qua liên kết anchor.Chức năng Đánh dấu trong các trình duyệt về cơ bản chỉ xử lý văn bản lưu như là một vị trí khi một dấu trang được chọn, và vì vậy bookmarklet được thực hiện qua đích URL của một trình duyệt web (mã đang chạy đối với bất kỳ tài liệu nào đang được tải). Cách này được thực hiện là thay vì một mã nhận dạng tài nguyên web thông thường như http: // cho phép trình duyệt kết nối với một địa chỉ sử dụng giao thức HTTP, bộ định danh javascript: resource được sử dụng để trình duyệt đọc các văn bản tiến hành dưới dạng JavaScript (do đó kịch bản được thực hiện bởi trình duyệt).
Những người bạn quen thuộc với việc áp dụng JavaScript (một số kiến thức là cần thiết để thực hiện theo các ví dụ mã trong hướng dẫn này), có thể quen thuộc với cách sử dụng javascript: URI trong thuộc tính HTML, ví dụ như sau đây đơn giản tạo một pop-up khi liên kết được nhấp vào:
[<a href="javascript:alert('Hi');"<Click Me!</a>]Bookmarklets hoạt động giống hệt như cách này. Trên đây thực sự có thể được coi là một trong những bookmarklet nguyên thủy nhất - thêm liên kết vào dấu trang của bạn và khi được chọn, một pop-up cơ bản sẽ xuất hiện mà chào đón bạn. Hầu hết các bookmarklet đều hữu ích hơn điều này - thông thường họ có được thông tin từ hoặc sửa đổi trang hiện hành theo cách nào đó hữu ích cho người dùng.
Bookmarklet hiện thị tất cả Javascript trong trang:
[javascript:(function(){function ajax(b){if(typeof XMLHttpRequest==="undefined"){XMLHttpRequest=function(){try{return new ActiveXObject("Msxml2.XMLHTTP.6.0")}catch(c){}try{return new ActiveXObject("Msxml2.XMLHTTP.3.0")}catch(c){}try{return new ActiveXObject("Msxml2.XMLHTTP")}catch(c){}throw new Error("This browser does not support XMLHttpRequest.")}}var a=new XMLHttpRequest();if(!b.url){throw new Error("You must define 'url'")}a.open("GET",b.url);a.onreadystatechange=function(){if(a.readyState===4){if(a.status===200){var c=(a.responseXML?a.responseXML:a.responseText);if(typeof b.success==="function"){b.success(c,b)}}if(typeof b.after==="function"){b.after()}}};a.send()}var s=document.getElementsByTagName("SCRIPT"),tx="",sr=[],i,t;for(i=0;i<s.length;i++){with(s.item(i)){t=text;if(t){tx+=t}else{sr.push(src)}}}var __loadedScript=sr.length;with(window.open()){document.write('<textarea id="t">'+tx+"</textarea>");for(var i=0;i<sr.length;i++){ajax({url:sr[i],success:function(a,b){document.getElementById("t").value+="\n\n----------------------------------------------------------------------\n"+b.url+"\n----------------------------------------------------------------------\n\n"+a;__loadedScript--;if(__loadedScript===0){document.write('<script src="http://jsbeautifier.org/beautify.js"><\/script><script>with(document.getElementById("t")){value=js_beautify(value);with(style){width="99%";height="99%";borderStyle="none";}};<\/script>');document.close()}}})}};})();]
COMMENTS