Nhờ vào:
- @PLB
- @Shadow Wizard
- Nhận mã nguồn của một iframe
- //www.frihost.com/forums/vt-32602.html
- @Matt Coughlin.
Đầu tiên, bạn phải biết rằng bạn sẽ không bao giờ có thể lấy mã nguồn của một trang không có cùng tên miền với trang của bạn trong JavaScript. [Xem //en.wikipedia.org/wiki/same_origin_policy].
Trong PHP, đây là cách bạn làm điều đó:
file_get_contents[$theUrl];
Trong JavaScript, có ba cách:
Thứ nhất, bởi xmlhttprequest: //jsfiddle.net/635yy/1/ //jsfiddle.net/635YY/1/
var url="../635YY",xmlhttp;//Remember, same domain
if["XMLHttpRequest" in window]xmlhttp=new XMLHttpRequest[];
if["ActiveXObject" in window]xmlhttp=new ActiveXObject["Msxml2.XMLHTTP"];
xmlhttp.open['GET',url,true];
xmlhttp.onreadystatechange=function[]
{
if[xmlhttp.readyState==4]alert[xmlhttp.responseText];
};
xmlhttp.send[null];
Thứ hai, bởi iframes: //jsfiddle.net/xyjux/1/ //jsfiddle.net/XYjuX/1/
var url="../XYjuX";//Remember, same domain
var iframe=document.createElement["iframe"];
iframe.onload=function[]
{
alert[iframe.contentWindow.document.body.innerHTML];
}
iframe.src=url;
iframe.style.display="none";
document.body.appendChild[iframe];
Thứ ba, bởi jQuery: //jsfiddle.net/edggd/2/ //jsfiddle.net/edggD/2/
$.get['../edggD',function[data]//Remember, same domain
{
alert[data];
}];
Nếu vì một lý do kỳ lạ nào đó, bạn muốn xem mã nguồn của một trang khác mà không phải thực sự duyệt đến trang đó và nhấp vào Nguồn xem trang Trang, bạn có thể sử dụng JavaScript để làm như vậy. Trong ví dụ dưới đây, tôi sử dụng hàm Window Window.prompt [], để nhắc người dùng cho một trang web có mã nguồn mà họ muốn xem. Hàm đó trả về giá trị của đầu vào. Sau đó, chúng tôi sử dụng phương thức của Window Window.location để mở URL đó trong trình duyệt, nhưng chúng tôi đã tìm trước URL bằng 'Nguồn xem:', đạt được kết quả tương tự như duyệt theo cách thủ công vào trang đó và nhấp vào: & NBSP ; & nbsp; Trang xem trang Nguồn. [Lưu ý: Khi viết bài này, điều này chỉ hoạt động trong Chrome và Firefox]Note:
As of this writing, this only works in Chrome and FireFox] As & nbsp; bạn có thể thấy, đối số thứ hai cho phương thức & nbsp; window.prompt [] là văn bản mặc định mà chúng tôi muốn xuất hiện trong hộp văn bản. Nhưng điều gì sẽ xảy ra nếu người dùng vô tình xóa // hoặc đơn giản là bỏ qua nó, hãy nhập một cái gì đó như Google Google.com? Không vấn đề gì. Trước tiên, chúng tôi sử dụng phương thức JavaScript & NBSP; Sub Substring [] để kiểm tra xem bảy ký tự đầu tiên của giá trị trả về là: & nbsp; Nếu vậy, tuyệt vời; Chúng tôi chỉ sử dụng giá trị trả về như là. Nếu không phải, chúng tôi đã tìm thấy giá trị đó trước đó với //, và tất cả chúng tôi đều được thiết lập. Ví dụ 1:
varmyloc = window.prompt ['Vui lòng nhập địa chỉ trang web', ' //'];myLoc=window.prompt['Please enter a web site address','//']; gethttp = & nbsp; & nbsp; Myloc.SubString [0,7];= myLoc.substring[0,
7]; if[getHttp=="//"][getHttp=="//"] { finalUrl=myLoc;=myLoc; }else{else{ finalUrl='//'+myLoc;=
'//'+myLoc; } window.location='view-source:'+finalUrl;.location='view-source:'+finalUrl;
Bản tóm tắt
Có thể không có quá nhiều kịch bản mà bạn cần phải làm điều này, nhưng nó rất tiện để biết bây giờ. Bạn không bao giờ biết nếu, xuống đường, bạn có thể cần một số biến thể về chức năng này.
Liên kết hữu ích
//www.w3schools.com/jsref/obj_location.asp
//www.w3schools.com/jsref/met_win_prompt.asp
//www.w3schools.com/jsref/jsref_substring.asp
Không có sản phẩm nào trong giỏ.Xe đẩy
WordPress, Joomla và Drupal chủ yếu được cung cấp bởi PHP.
Tuy nhiên, với tư cách là người dùng trên một trang web, chúng tôi thực sự thấy những gì diễn ra sau hậu trường trong máy chủ. Chúng tôi chỉ nhận được đầu ra cuối cùng từ máy chủ, dưới dạng HTML, CSS và JavaScript. Đó là mã tạo ra trang web mà chúng ta thấy.
Hướng dẫn này sẽ chỉ cho bạn cách xem mã đằng sau thiết kế mặt trước và trang được định dạng độc đáo. Nó sẽ hiển thị cho bạn HTML, CSS và JavaScript mà trình duyệt của bạn sử dụng để hiển thị một trang độc đáo cho người dùng.
Và nó khá dễ dàng. Bắt đầu nào.
Xem nguồn trang
Chuyển đến cạnh ngoài của một trang web [ví dụ: xa bên trái], sau đó nhấp chuột phải và nhấp vào trang xem trang xem nguồn [hoặc tùy chọn mà tên tương tự].
Điều đó sẽ đưa ra tất cả mã HTML, cùng với các liên kết đến các tệp CSS, JavaScript, hình ảnh, v.v.
Bây giờ bạn có thể đọc qua nó và xem trang đó được tạo ra.
Bạn cũng có thể sử dụng Ctrl + F [lệnh + f trong mac] để tìm kiếm thông qua nó cho một số từ khóa nhất định.
Nhận cụ thể
Nếu bạn muốn đi sâu vào một phần cụ thể của một trang, hầu hết các trình duyệt hiện đi kèm với các thanh tra viên tích hợp. Hoặc bạn có thể sử dụng Firebug trong Firefox.
Chỉ cần nhấp chuột phải vào đối tượng mà bạn muốn kiểm tra, sau đó nhấp vào phần tử kiểm tra [hoặc tùy chọn mà tên tương tự].
Mã tương ứng sẽ được ánh sáng cao trong cửa sổ bên trái. Sau đó, bạn có thể nhấp vào các thẻ bên ngoài hoặc bên trong nó để đi sâu vào chúng. Khi bạn làm điều đó, nó sẽ cao cấp một phần của trang mà nó kiểm soát.
Ở phía bên phải, bạn sẽ thấy các kiểu CSS được áp dụng cho thẻ HTML mà LỚN có ánh sáng cao.
Đây là một cách cực kỳ hữu ích và nhanh chóng để kiểm tra mã.
Wappalyzer
Nếu bạn chỉ muốn một cách nhanh chóng để xem công nghệ nào mà một trang web sử dụng mà không cần điều tra thủ công, thì hãy xem hướng dẫn Wappalyzer của chúng tôi.
- Nick Savov
Nick là giám đốc hỗ trợ tại Ostraining và bạn có thể tìm thấy anh ta ở hầu hết mọi lĩnh vực của trang web, từ việc trả lời các yêu cầu hỗ trợ và câu hỏi tài khoản đến việc tạo hướng dẫn và phần mềm.
Báo cáo
Bạn đã báo cáo điều này