如何在移動端測試Vue專案?
第一步,開啟cmd,輸入ipconfig
我們獲取到方框內的埠號,比如 xx.xx.x.xxx
我們開啟專案中的config/index.js ,將這個替換其中的host
比如我們之前需要的是localhost:8888/news.html
那麼我們將服務執行起來之後,就變成了 xx.xx.x.xxx:8888/news.html
如果你覺得在手機瀏覽器上手動輸入很麻煩,那麼就用這個,可以將網址轉換為二維碼
這個有打廣告的嫌疑...但是我沒有打廣告哈哈
微信掃一掃,瀏覽器掃一掃都可以開啟
注意:如果程式碼更新了,好像①需要Ctrl + C關掉,然後②重啟服務,再生成二維碼,如果你覺得手機上載入過慢,而你的網速夠快,那麼重複前面兩步就可以了
整個的流程參考了別的CSDN前輩的經驗,但是我找不到原地址了,如果您發現侵犯了您的權益,請聯絡我,我標明,謝謝
相關推薦
如何在移動端測試Vue專案?
第一步,開啟cmd,輸入ipconfig 我們獲取到方框內的埠號,比如 xx.xx.x.xxx 我們開啟專案中的config/index.js ,將這個替換其中的host 比如我們之前需要的是localhost:8888/news.html 那麼我們
【餓了麼】—— Vue2.0高仿餓了麼核心模組&移動端Web App專案爬坑(二) 【重點突破】—— 當better-scroll 遇見Vue
前言:上一篇專案總結介紹了頁面骨架的開發、header元件的開發,這一篇主要梳理:商品元件開發、商品詳情頁實現。專案github地址:https://github.com/66Web/ljq_eleme,歡迎Star。 goods
Vue-cli腳手架搭建移動端響應式專案及nodejs服務端搭建
首先安裝腳手架及建立基於webpack專案 首先下載vue相關 cnpm install vue 安裝 vue-cli腳手架 全域性安裝 vue-cli $ cnpm install –global vue-cli 建立一個基於 webpack 模板的新
2. 移動端測試工具 :bugtags
測試工具 csdn 使用 article https tag 使用說明 net http http://blog.csdn.net/objectivepla/article/details/51037804 Bugtags 使用說明 https://www.bu
移動端測試===Android內存管理: 理解App的PSS
存儲器 什麽是 信息 圖片 == -s 使用情況 相同 src Android內存管理: 理解App的PSS 原文鏈接:http://www.littleeye.co/blog/2013/06/11/android-memory-management-understandi
移動端測試總結
次數 nbsp char 使用 再次 str 社交 工作 andro 一、異常場景總結 移動端測試跟後臺web端測試有很多不同的地方,比如說邏輯上來講,可能沒有後臺那麽復雜,但是場景卻因為平臺差異性而多種多種。下面列舉一下移動端測試時需要考慮的一些特殊場景: 1. 網絡情況
使用node.js & live server在移動端測試網站
1.安裝node.js 下載Node.js官網 cmd下確認node已安裝 node -v
移動端h5直播專案|html5直播實戰開發|h5仿陌陌
最近一些直播、小視訊什麼的都比較火,像陌陌、抖音、火山短視訊… 於是空閒時間自己也利用html5技術也試著倒騰了下直播專案,使用到了h5+css3+iscroll+zepot+swiper+wlsPop架構開發了一個仿陌陌、火山小視訊,專案效果挺不錯噠!同時解決了在直播頁面聊天時候頁面撐起的問題。 效果圖如
【餓了麼】—— Vue2.0高仿餓了麼核心模組&移動端Web App專案爬坑(一)
前言:學習Vue.js高仿餓了麼課程過程中,總結了這個Web App專案從準備到開發完畢自己覺得很重要的知識點。這一篇主要介紹:專案準備、頁面骨架開發、header元件開發。 專案github地址:https://github.com/66Web/ljq_eleme,歡迎Star。
Vue2.0高仿餓了麼核心模組&移動端Web App專案爬坑(一)
原文https://www.cnblogs.com/ljq66/p/9980372.html 前言:學習Vue.js高仿餓了麼課程過程中,總結了這個Web App專案從準備到開發完畢自己覺得很重要的知識點。這一篇主要介紹:專案準備、頁面骨架開發、header元件開發。 專案github地址:
在移動端使用vue-router和keep-alive
對於web開發和移動端開發,兩者在路由上的處理是不同的。對於移動端來說,頁面的路由是相當於棧的結構的。vue-router與keep-alive提供的路由體驗與移動端是有一定差別的,因此常常開發微信公眾號的我想通過一些嘗試來將兩者的體驗拉近一些。 目標 問題 首先一個問題是keep-alive
【音樂App】—— Vue2.0開發移動端音樂WebApp專案爬坑(二)
前言:上一篇總結了專案概況、專案準備、頁面骨架搭建、推薦頁面開發,這一篇重點梳理歌手頁面開發、歌手詳情頁。專案github地址:https://github.com/66Web/ljq_vue_music,歡迎Star。 一、歌手頁面開發--singer
【音樂App】—— Vue2.0開發移動端音樂WebApp專案爬坑(三)
前言:在學習《慕課網音樂App》課程的過程中,第一次接觸並實踐了資料的跨域抓取和圍繞音樂播放展開的不同功能,也是這個專案帶給我最大的收穫,前面的實踐記錄分別總結了:推薦頁面開發和歌手頁面開發。這一篇主要梳理一下:音樂播放器的開發。專案github地址:https://github.com/66Web/ljq_
移動端測試知識
移動端測試是什麼?移動端測試是指 對移動應用進行的測試,即實體的特性滿足 需求的特性。 移動端測試分類: 一、App功能測試: 1、 業務邏輯正確性測試 依據產品文件設計測試用例,以及隱性需求測試用例。 2、相容性測試: ①系統版本:Android:原生andro
移動端開發vue使用 mescorll.js 遇到的坑
上拉載入,下拉重新整理,頁面快取: 1.頁面有3個不同的 tab 選項卡,切記每一個選項卡里面的列表資料不能用同一個 資料來源,每一個列表的資料來源必須單獨定義 2.點選每一個報修單號的資訊進入其詳情頁面,返回的時候依舊停留在離開時的tab標籤頁,這個需求我們
移動端測試-1-Android sdk的安裝
想要用android sdk 首先要保證電腦上已經有jdk,可以執行java,才可以進行如下操作,那麼怎麼知道電腦上是否已有java執行環境了呢,windows+R進入cmd 命令提示符中,輸入java -version ,如果顯示你的java版本,即可以進行下列操作 一、下載sdk
Vue-cli 將px轉化為rem,適配移動端(vue-cli2.x 和 vue-cli3中的使用)
一. Vue-cli2.x中的用法 1.下載lib-flexible 我使用的是vue-cli+webpack,所以是通過npm來安裝的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexib
測試人員所必須知道的測試點1-移動端測試1
移動端必測點 登入 1.登入註冊模組,編輯使用者名稱和密碼的內容限制,中文,英文,數字,字元,空格,null。使用者名稱和密碼的長度限制以及相應的提示資訊是否友好。 2.註冊模組,使用者名稱長度(太長是否換行),內容,重名。 1)生日選擇注意選擇的年
【餓了麼】—— Vue2.0高仿餓了麼核心模組&移動端Web App專案爬坑(一)
@import "../../common/stylus/mixin" .star .star-item display: inline-block background-repeat: no-repeat &.st
【餓了麼】—— Vue2.0高仿餓了麼核心模組&移動端Web App專案爬坑(二)
methods: { dropMove(el) { // console.log(el) for(let i=0; i<this.balls.length; i++) { let ball = this.bal