Hướng dẫn get website source code javascript - lấy mã nguồn trang web javascript

Nhờ vào:

  • @PLB
  • @Shadow Wizard
  • Nhận mã nguồn của một iframe
  • http://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 http://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: http://jsfiddle.net/635yy/1/ http://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: http://jsfiddle.net/xyjux/1/ http://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: http://jsfiddle.net/edggd/2/ http://jsfiddle.net/edggD/2/

$.get('../edggD',function(data)//Remember, same domain
{
    alert(data);
});

Mọi người đều biết bạn có thể xem mã nguồn của bất kỳ trang web nào. Nhưng bạn cũng có thể sử dụng JavaScript để lấy mã nguồn của một trang khác và hiển thị nó trong của bạn

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 HTTP: // 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 HTTP: //, 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', 'http: //');myLoc=window.prompt('Please enter a web site address','http://');

gethttp = & nbsp; & nbsp; Myloc.SubString (0,7);=   myLoc.substring(0, 7);

if(getHttp=="http://")(getHttp=="http://")

{

finalUrl=myLoc;=myLoc;

}else{else{

finalUrl='http://'+myLoc;= 'http://'+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

http://www.w3schools.com/jsref/obj_location.asp

http://www.w3schools.com/jsref/met_win_prompt.asp

http://www.w3schools.com/jsref/jsref_substring.asp

Xe đẩy

Không có sản phẩm nào trong giỏ.

Hướng dẫn get website source code javascript - lấy mã nguồn trang web javascript

Hướng dẫn get website source code javascript - lấy mã nguồn trang web javascript

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

Hướng dẫn get website source code javascript - lấy mã nguồn trang web javascript

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.

Hướng dẫn get website source code javascript - lấy mã nguồn trang web javascript

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ể

Hướng dẫn get website source code javascript - lấy mã nguồn trang web javascript

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ự).

Hướng dẫn get website source code javascript - lấy mã nguồn trang web javascript

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

Làm cách nào để lấy mã JavaScript từ một trang web?

Đối với hầu hết các trình duyệt, để xem JavaScript nội tuyến trong mã nguồn HTML, hãy thực hiện một trong những điều sau đây. Nhấn phím tắt Ctrl + U Bàn phím. Nhấp vào một khu vực trống trên trang web và chọn nguồn trang xem hoặc tùy chọn tương tự trong menu bật lên.Press the Ctrl + U keyboard shortcut. Right-click an empty area on the web page and select the View page source or similar option in the pop-up menu.

Làm cách nào để trích xuất mã nguồn từ một trang web?

Để chỉ xem mã nguồn, nhấn Ctrl + U trên bàn phím của máy tính. Nhấp chuột phải vào một phần trống của trang web và chọn nguồn trang từ menu bật lên xuất hiện.Right-click a blank part of the web page and select Page source from the pop-up menu that appears.

Làm cách nào để tìm mã HTML của một trang web?

Mở trình duyệt của bạn và điều hướng đến trang mà bạn muốn xem HTML ..
Nhấp chuột phải vào trang để mở menu nhấp chuột phải sau khi trang hoàn thành tải ..
Nhấp vào mục menu cho phép bạn xem nguồn.....
Khi trang nguồn mở, bạn sẽ thấy mã HTML cho toàn trang ..

JavaScript có thể đọc nguồn của bất kỳ trang web nào không?

Mọi người đều biết bạn có thể xem mã nguồn của bất kỳ trang web nào.Nhưng bạn cũng có thể sử dụng JavaScript để lấy mã nguồn của một trang khác và hiển thị nó trong của bạn.you can also use JavaScript to grab the source code of a different page, and show it in yours.