2015-04-16 26 views
18

Tôi đang cố gắng để viết các mục vào giao diện điều khiển đó sẽ chứa các liên kết để kích hoạt chức năng javascript khi nhấp vào chúng:Cách tạo siêu liên kết được liên kết với các hàm javascript trong console.log của Chrome?

console.log("javascript:alert('Hello World');"); 
console.log("<a href=\"javascript:alert('Hello World');\"/>test</a>"); 
console.log("[DisplayObject 'Hello World' <a href=\"javascript:alert('Hello World');\">reveal</a>]"); 

Tất cả những nỗ lực thất bại.

screenshot

Có cách nào để in nó tương tự như một "http: // ..." liên kết, như vậy ...

example

... chỉ , có văn bản được liên kết với một tuyên bố javascript hoặc chức năng thay thế? Lý do tôi làm điều này là để có thể nhanh chóng tiết lộ các mục trên màn hình được gắn với một mục nhập nhật ký cụ thể (ví dụ: : Tạo quy mô sprite CreateJS khi mục nhập nhật ký được nhấp vào) .

Trả lời

9

Bảng điều khiển Google Chrome, giống như nhiều bảng điều khiển công cụ dành cho nhà phát triển khác của trình duyệt, tự động phân tích bất kỳ URL nào thành liên kết đến trang chính xác đó. Đây là cách duy nhất để có được các URL như vậy, và, thật không may, bạn thực sự không thể ghi lại "URL tùy chỉnh".

Điều này có nghĩa rằng các bản ghi sau đây sẽ được biến thành một liên kết có thể click tự động:

console.log('http://example.com'); 
console.log('www.example.com'); 
console.log('ftp://mysite.com'); 
console.log('chrome://history') 
console.log('chrome-extension://abcdefg...'); 

nhưng, ngược lại, những người sau đây sẽ không:

console.log('example.com'); 
console.log('<a href="http://www.example.com">Link</a>'); 
console.log('javascript:doSomething(someValue);'); 
+0

Cảm ơn, tôi đã thực hiện một hướng khác sau khi đọc câu trả lời của bạn; Về cơ bản, tôi đang cuộn cửa sổ bật lên của riêng mình (cửa sổ con được khởi chạy bởi trò chơi/ứng dụng) mà tôi có thể điền vào bất kỳ loại ghi nhật ký nào và chỉ cần kết nối các hàm JS trực tiếp với mỗi sự kiện nhấp vào mục nhập nhật ký DIV. Có thể linh hoạt hơn để hiển thị các nội dung được định dạng khác. – bigp

+0

@bigp Tôi rất vui khi thấy điều đó! Có phải mã nguồn mở không? – niahoo

+0

Xin lỗi @niahoo, tôi không nhớ nơi tôi đã lưu trữ các tệp đó nữa (điều này đã được thực hiện tại công việc cuối cùng của tôi vào mùa xuân năm 2015). – bigp

0

Nếu nó vẫn đến cho ai đó:

Bạn có thể đăng nhập nhiều hơn hoặc ít hơn "URL tùy chỉnh":

console.log('There is a good link: %o', 'http://stackoverflow.com'); 

Kiểm tra điều này CheatSheet

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