[英]How can I dynamically connect LightTable to an external browser from console?
我想嘗試一些新的ECMAScript功能,但與LightTable集成的瀏覽器沒有這些功能。 為此,我需要連接到外部瀏覽器,並且該LightTable需要以下行:
<script type='text/javascript' id='lt_ws' src='http://localhost:53742/socket.io/lighttable/ws.js'></script>
我試過了:
document.head.innerHTML+="<script type='text/javascript' id='lt_ws' src='http://localhost:53742/socket.io/lighttable/ws.js'></script>"
但是LightTable仍然看不到連接:
“沒有可用的客戶端。我們不知道您想要哪種客戶端。嘗試通過在“連接”面板中選擇一種連接類型來啟動客戶端。”
如何將其更改為可粘貼在控制台選項卡中的JavaScript代碼,以便從控制台將LightTable動態連接到外部瀏覽器?
由於BERGI在評論指出這innerHTML
不工作,我必須使用DOM方法來代替。 將以下代碼粘貼到將LightTable與瀏覽器連接的控制台中。
該腳本將需要並詢問端口,並且由於此更改並且每個窗口都使用端口,因此需要手動插入。
要查看您需要引入的端口,請執行以下操作:按Ctrl + 空格鍵 ,鍵入connect,然后選擇Connect to a browser
。 您會看到在HTML代碼段的URL中顯示的端口。
var port = prompt("What's the port number?");
var script_tag = document.createElement("script");
script_tag.setAttribute("src", "http://localhost:"+port+"/socket.io/lighttable/ws.js");
script_tag.setAttribute("type", "text/javascript");
script_tag.setAttribute("id", "lt_ws");
document.head.appendChild(script_tag);
同樣,它也可以作為書簽:
javascript:(function()%7Bvar port %3D prompt("What's the port number%3F")%3Bvar script_tag %3D document.createElement("script")%3Bscript_tag.setAttribute("src"%2C "http%3A%2F%2Flocalhost%3A"%2Bport%2B"%2Fsocket.io%2Flighttable%2Fws.js")%3Bscript_tag.setAttribute("type"%2C "text%2Fjavascript")%3Bscript_tag.setAttribute("id"%2C "lt_ws")%3Bdocument.head.appendChild(script_tag)%7D)()
這種方法的優點是,您可以使用LightTable在已加載的實時頁面上連接並嘗試或調試事物。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.