electron 項目中通過loadURL() 方法加載用戶輸入的url服務，但是electron不管該url服務是否可用都會加載執行，所以需要在用戶輸入url后對該url進行可用性判斷，記錄一下解決方案：

解決方案一: XMLHTTP方案

function getURL(url) {function getXmlHttpRequest() {if (window.XMLHttpRequest) {return new XMLHttpRequest();}else if (window.ActiveXObject) {return new ActiveXObject("Microsoft.XMLHTTP");}};var xmlhttp = getXmlHttpRequest();xmlhttp.open("GET", url, false); //第三個參數表示是否異步xmlhttp.send();if (xmlhttp.readyState == 4) {if (xmlhttp.status == 200) {return true;} else {return false;}}}console.log("000----", getURL("http:127.0.0.1:8088"));

注意：使用ActiveXObject僅僅適用IE內核瀏覽器.

?

解決方案二: 利用jquery,適用所有瀏覽器

<div class="url-setting"><input type="url" id="vueUrl" placeholder="格式如http://127.0.0.1:8080"><button id="linkBtn">進入系統</button></div> //jquery檢查連接的url服務是否有效,適用所有瀏覽器 const $ = require('jquery') $(document).ready(function () {// 執行代碼function NetPing(pingUrl) {$.ajax({type: "GET",cache: false,url: pingUrl,data: "",success: function () {alert("網址有效，開始加載。。");ipcRenderer.send('asynchronous-message',pingUrl); //異步將渲染進程的數據傳給主進程},error: function () {alert("無效網址，請重新輸入!");$("#vueUrl").val("");}});}//點擊連接vue前端服務$("#linkBtn").click(function(){let urlVal = $("#vueUrl").val();NetPing(urlVal);}) });

?

?

?

?

總結

以上是生活随笔為你收集整理的js判断url链接是否可访问（服务可连接,可用）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。