2011-01-21 39 views
7

Tôi biết bạn có thể sử dụng Firebug trong chế độ xem DOM để chỉnh sửa biến JavaScript NHƯNG ... có cách nào tôi có thể sử dụng (bất cứ điều gì khác) để chỉnh sửa JavaScript trực tiếp được nhúng vào một trang HTML?Chỉnh sửa các khối JavaScript của trang web ... trực tiếp

Giống như loại này có nghĩa là trong một trang .html:

<script type="text/javascript> 
// code here 
</script> 

Cảm ơn.

+1

Bạn có thể sử dụng Opera. Opera cho phép chỉnh sửa các tệp JS và JS nội tuyến. Sau khi bạn tải lại trang mềm, các thay đổi của bạn sẽ được áp dụng. Nhấp chuột phải> Nguồn> Thực hiện thay đổi> Áp dụng thay đổi. – XP1

Trả lời

3

bookmarklets

Từ Wikipedia entry

Một bookmarklet là một applet, một ứng dụng máy tính nhỏ, lưu trữ như URL của một bookmark trong trình duyệt web hoặc như một siêu liên kết trên một trang web. Thuật ngữ này là một portmanteau của bookmark và applet. Cho dù các tiện ích bookmarklet được lưu trữ dưới dạng dấu trang hay siêu liên kết, chúng cũng được thiết kế để thêm chức năng một cú nhấp chuột vào trình duyệt hoặc trang web. Khi được nhấp, một bookmarklet sẽ thực hiện một số chức năng, một trong số rất nhiều chức năng như truy vấn tìm kiếm hoặc trích xuất dữ liệu. Thông thường applet là một chương trình JavaScript.

Và như một lưu ý liên quan không cố gắng để spam hoặc bất cứ điều gì Tôi tạo ra một bookmarklet generator để giúp tôi tạo ra bookmarklets dễ dàng hơn.

+0

Được rồi, tôi chỉ đọc lại câu hỏi, có thể bookmarklet không phải là những gì bạn đang theo dõi, bạn có thể thử http://jsfiddle.net/, nhưng tôi không chắc rằng điều đó có * chính xác * những gì bạn muốn . – zzzzBov

+0

Tôi có nghĩa là đi đến một trang web khác và chỉnh sửa các khối javascript CỦA HỌ. – nn2

+0

Google Chrome và Opera cũng có trình chỉnh sửa DOM phong nha. Firebug là công cụ của tôi được lựa chọn để chỉnh sửa trực tiếp các trang khác. * vâng tôi biết bạn đã yêu cầu các tùy chọn khác * – zzzzBov

0

Eloquent javascript có cửa sổ loại bảng điều khiển ở dưới cùng (nhấp vào mũi tên nhỏ ở dưới cùng bên phải). Đây có thể là những gì bạn đang tìm kiếm. Thuật ngữ chính xác cho ý nghĩa của bạn là REPL, vòng lặp Đọc-Đánh giá-In.

0

Vâng, bạn sẽ không thể chỉnh sửa mã JavaScript đã được tải vào trình duyệt của mình, ngoại trừ với sự trợ giúp của cùng một trình duyệt đó. Điều đó về cơ bản có nghĩa là thông qua một plug-in và tôi không biết bất kỳ plug-in nào ngoài FireBug sẽ cho phép bạn làm điều đó.

Có lý do cụ thể nào mà bạn không thể/sẽ không sử dụng FireBug không?

+0

Điều này không nhất thiết phải đúng. Người ta có thể sử dụng một yếu tố đầu vào tiêu chuẩn (ví dụ: một văn bản) để nhập mã. Sau đó, sử dụng hàm javascript 'eval() 'để chạy nó, cung cấp một bảng điều khiển hiệu quả. – Exelian

0

Bản thân Firebug có phiên bản "lite" không phụ thuộc vào plugin. Nếu bạn kiểm tra mã nguồn của điều đó, bạn có thể tìm hiểu cách triển khai một tập con lớn của chức năng Firebug.

http://getfirebug.com/firebuglite

0

Chrome cũng có một cửa sổ giao diện điều khiển có thể được kích hoạt khi bạn kiểm tra các yếu tố (hoặc trang). Từ đó bạn có thể viết javascript đơn giản. Nó thậm chí có một trình gỡ rối khá tốt.

1

Firebug có bảng điều khiển (tab đầu tiên của cửa sổ firebug) nơi bạn có thể viết mã JS và thực thi nó trong trang hiện tại. Giả sử trang web có một hàm được gọi là myFunc được xác định và bạn muốn ghi đè nó: thực hiện các điều sau trong bảng điều khiển sẽ thực hiện thủ thuật.

myFunc = function(/* function arguments here */) { 
    /* new function body here */ 
}; /* notice the ; */ 

và để xem phiên bản hiện tại của một hàm, bạn có thể thực hiện

uneval(myFunc); 

này sẽ in ra dòng điện myFunc

lưu ý: Tôi nghĩ rằng theo mặc định giao diện điều khiển đi kèm với một hộp đầu vào một dòng, nhưng ở đâu đó trong các tùy chọn bạn có thể chuyển sang hộp nhập nhiều dòng. Khi ở đa dòng, chuyển đến một dòng mới, + thực thi mã.

0

Nếu bạn chuyển đến Công cụ/Công cụ nhà phát triển trên Chrome, bạn sẽ tìm thấy một không gian nơi bạn có thể thay đổi tất cả mã từ html, thành javascript và CSS, trực tiếp trên trình duyệt của bạn. Rõ ràng nó không tạo ra thay đổi thực sự trên trang, giống như cách bạn thấy, vì nó chỉ có thể được chỉnh sửa cho quản trị viên của trang web

+0

Nếu bạn muốn áp dụng các thay đổi thực sự, bạn có thể sử dụng Opera. Opera cho phép chỉnh sửa các tệp JS và JS nội tuyến. Sau khi bạn tải lại trang mềm, các thay đổi của bạn sẽ được áp dụng. Nhấp chuột phải> Nguồn> Thực hiện thay đổi> Áp dụng thay đổi. – XP1

0

Bạn có thể chỉnh sửa thẻ tập lệnh nội tuyến bằng chế độ xem HTML của Firebug. Chỉ cần chọn thẻ tập lệnh, sau đó bấm nút "Chỉnh sửa". Sau khi chỉnh sửa, nhấn nút "Chỉnh sửa" lần nữa để áp dụng thay đổi.

0

Trình cắm Firefox 'Greasemonkey chưa được đề cập. Bằng cách đó bạn có thể lưu trữ, tái sử dụng và chia sẻ các tập lệnh bạn. Tôi không chắc chắn 100% bạn có thể chạy mã của bạn trong phạm vi chính xác giống như mã OOTB của trang. Tuy nhiên, việc chèn các thẻ tập lệnh tùy ý vẫn có thể thực hiện được.

2

Bạn có thể sử dụng Opera 12. Opera 12 cho phép chỉnh sửa các tệp JS và JS nội tuyến. Sau khi bạn tải lại trang mềm, các thay đổi của bạn sẽ được áp dụng. Nhấp chuột phải> Nguồn> Thực hiện thay đổi> Áp dụng thay đổi.

Các vấn đề liên quan