WebStorm移動端調試html方法

原創 Tiger_wa 2020-06-24 14:12

WebStorm移動端調試html方法

在使用WebStorm編寫HTML代碼，尤其是編寫移動端web時，常常會需要在商機上顯示網頁進行測試，WebStorm上只需要簡單幾步即可訪問

  1. 打開WebStorm上的preferences
    在這裏插入圖片描述

  2. 選擇Debugger

  3. 在這裏插入圖片描述

  4. 填寫端口號，勾選框，填好後點擊apply（端口號隨便寫，如被佔用會提示）
    在這裏插入圖片描述

  5. 右鍵需要打開的html，選擇open in Browser，再選擇需要用哪種瀏覽器打開，打開頁面
    在這裏插入圖片描述

  6. 修改url地址
    在這裏插入圖片描述
    將localhost修改成自己的IP地址就可以訪問啦（mac系統可在命令行輸入ifconfig查看或在系統偏好設置的網絡裏面看到）

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

JetBrains 發佈輕量級編輯器 Fleet

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

辛晓亮 2021-11-30 14:53:56

IDEA：Server‘s certificate is not trusted（服務器的證書不受信任）

引起這個的根本原因是因爲你破解了idea，在本地hosts配置了映射，然後idea檢測出來彈出警告 服務器證書不可用，不讓他彈出的方法。打開idea—>file–>Settings然後搜索Server Certificates把

_竹_子 2020-07-08 08:57:40

鋒利碼農武器之vscode

俗話說，工欲善其事必先利其器，我們碼農的器是什麼尼？沒錯，就是我們親愛的IDE，前端開發者最愛的編輯器應該是vscode了吧。但是我們要怎麼去鋒利它尼？不外乎就是熟悉它的使用方法、快捷鍵以及第三方的插件。接下來，我整理了一些vsc

MonkeySoft 2020-07-08 07:12:19

NetBeans的默認快捷鍵

1、完成代碼：ctrl+\ //任何地方按下此組合鍵，均會提示相應的參考字段； 2、錯誤提示：alt + enter //顧名思義，當系統報錯時，按下此組合可以查看系統提示； 3、自動完成字符串： ctrl+L ctrl+k //後者（C

九层塔炒薄壳 2020-07-08 04:33:18

解決IDEA控制檯亂碼問題（信息->淇℃伅 ）

亂碼如下圖：   找到IDEA配置的tomcat目錄，打開apache-tomcat-XXX/conf目錄下的logging.properties文件，將如下位置均改爲GBK。 1catalina.org.apache.juli.As

HRHACMER 2020-07-08 00:16:37

Git - 在Eclipse中切換項目的Git地址

一、關於     項目遷移到了新的GitLab服務器後，在Eclipse中如何將一個已經存在的項目切換Git提交的地址 二、修改     1、項目右鍵 --> Team --> Remote -->Configure Push to Up

袭冷 2020-07-07 15:23:02

Git - 在Eclipse中將項目上傳到Git中

1、登錄GitLab 中，然後創建一個項目 2、在Eclipse中，項目右鍵 --> Team --> Share Project 3、彈出對話框 --> 選擇Git --> Next 4、彈出對話框 --> 勾選 User or

袭冷 2020-07-07 15:22:59

修改IntelliJ中Maven項目的默認JDK版本

問題描述 在IntelliJ中使用Maven時，IDEA將默認的編譯版本、源碼版本設置爲jdk5。編譯項目的時候出現以下警告： “Warning:java: 源值1.5已過時, 將在未來所有發行版中刪除” 如圖所示：

felcon 2020-07-07 14:12:02

myeclipse 連接mysql 提示 unable to create connection.check your url

打開myeclipse然後點擊window窗口  點擊Open Perspective菜單中的MyEclipse Database Explorer 進入 第二步 創建連接 在空白處右擊鼠標新建（即new）或者點擊菜單欄中的快捷鍵（圖二中

betterluck 2020-07-07 08:12:09

alibaba java coding使用

1安裝插件 2使用 1工具欄會出現 阿里編碼規約菜單  在代碼右鍵也會產生編碼規約掃描   2編碼規約掃描   3實時監測（默認開啓）  實時檢測功能會在開發過程中對當前文件進行規約檢測，並提示出來 4提交代碼  

zhaizl2009 2020-07-06 22:00:45

Visual Studio Code C&&C++ 編譯配置

Visual Studio Code C&&C++ 編譯配置 工欲善其事必先利其器 Visual Studio Code 是微軟出品的一款簡單，美觀，快速的代碼編輯器，擁有豐富的擴展，通過配置，我們可以直接編譯簡單的C,C++

Patrick_Lyle 2020-07-06 19:07:07

spring ide nightly build of 2.2.2

I fixed that problem in the Spring IDE trunk. If that problem is preventing

iteye_19184 2020-07-06 15:24:22

idea 配置maven插件

idea集成maven插件前提是您電腦上已經安裝配置好maven 如何查看，安裝及配置maven可以查看我之前文章： https://blog.csdn.net/jasdolphin/article/details/107052628 1

jasdolphin 2020-07-06 13:58:44

java math 庫

import java.io.File; import java.math.BigInteger; public class HELLO{ public static void main (String[] args) { S

jwy2014 2020-07-06 12:43:39

vscode配置教程

用了一段時間的cb，Devc++，但一直感覺cb的高亮太差，而Devc++使用體驗差（尤其是代碼補全功能），換過vs2017，但是由於其太大了，卡頓十分明顯，所以最終選擇了vscode這款輕量級編譯器。由於自己在配置c++開發環境時遇到了

jwy2014 2020-07-06 12:43:39