国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp開發(fā)小程序-如何判斷小程序是在手機(jī)端還是pc端打開

這篇具有很好參考價(jià)值的文章主要介紹了uniapp開發(fā)小程序-如何判斷小程序是在手機(jī)端還是pc端打開。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

官方說(shuō)明

https://developers.weixin.qq.com/miniprogram/dev/devtools/pc-dev.html

小程序如何判斷是 PC 平臺(tái)?

通過(guò) getSystemInfo 官方接口(platform 是 windows)
通過(guò) UA(PC UA 包含 MiniProgramEnv/Windows)

App.vue

<script>
export default {
  onLaunch: function () {
    console.warn(
      "當(dāng)前組件僅支持 uni_modules 目錄結(jié)構(gòu) ,請(qǐng)升級(jí) HBuilderX 到 3.1.0 版本以上!"
    );
    console.log("App Launch", uni.getSystemInfoSync().platform);
    uni.setStorageSync("platform", uni.getSystemInfoSync().platform);
    uni.setStorageSync(
      "windowWidth",
      wx.getStorageSync("devices").windowWidth 
    );
    uni.setStorageSync(
      "windowHeight",
      wx.getStorageSync("devices").windowHeight 
    );
  },
  onLoad() {},
  onShow: function () {
  },
  onHide: function () {
  },
};
</script>

<style lang="scss">
/*每個(gè)頁(yè)面公共css */
@import "@/uni_modules/uni-scss/index.scss";
// 設(shè)置整個(gè)項(xiàng)目的背景色
page {
  background-color: #f5f5f5;
}
</style>

判斷是否是pc端的函數(shù)(如果寬度足夠也視為pc端)

/** 是否是pc端 */
function isPC() {
  if (["windows", "mac"].some((v) => v === wx.getStorageSync("platform"))) {
    return true;
  }
  if (Number(wx.getStorageSync("windowWidth")) > 1000) {
    return true;
  }
  return false;
}

同時(shí)值得注意的是,微信開發(fā)者工具的platform屬性是devtools,只能體驗(yàn)版中進(jìn)行測(cè)試真實(shí)的platform屬性文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-764923.html

到了這里,關(guān)于uniapp開發(fā)小程序-如何判斷小程序是在手機(jī)端還是pc端打開的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 如何判斷 vite 的運(yùn)行環(huán)境是開發(fā)模式還是生產(chǎn)模式 production? development?

    如何判斷 vite 的運(yùn)行環(huán)境是開發(fā)模式還是生產(chǎn)模式 production? development?

    vite 有兩種獲取當(dāng)前運(yùn)行環(huán)境模式的方法: 官方說(shuō)明: 完整說(shuō)明地址: https://cn.vitejs.dev/guide/env-and-mode.html#node-env-and-modes 比如我在開發(fā)模式和生產(chǎn)模式的請(qǐng)求地址不一樣,我是這么用的:

    2024年01月22日
    瀏覽(28)
  • Java后端獲取接口訪問(wèn)端是PC還是手機(jī)

    項(xiàng)目中遇到的, 公司的開發(fā)不是前后端分離的模式, html頁(yè)面是后端返回的, 所以頁(yè)面需要根據(jù)客戶端是PC還是手機(jī)調(diào)整布局; 試了一下在后端獲取客戶端類型, 方法是用請(qǐng)求報(bào)文里的 headers 中的 user-agent 信息; 起初也不知道, 于是做了以下試驗(yàn)代碼 部署并嘗試用多種客戶端訪問(wèn)后

    2024年02月11日
    瀏覽(15)
  • 開發(fā)微信小程序使用原生開發(fā)還是uniapp開發(fā)

    開發(fā)微信小程序使用原生開發(fā)還是uniapp開發(fā)

    大家好,我是蔓云科技的小蔓(寫代碼的平面師)。 今天給大家?guī)?lái)一門知識(shí)普及課,開發(fā)小程序使用原生還是uniapp,如果你想開發(fā)一款小程序,通過(guò)這個(gè)視頻你會(huì)得到答案。 相信大家對(duì)小程序都不陌生吧,在生活的方方面面中都有它的身影,比如:社區(qū)團(tuán)購(gòu)、商城購(gòu)物、

    2024年02月17日
    瀏覽(89)
  • 【Vue3/Vue2】判斷設(shè)備是移動(dòng)端還是pc端跳轉(zhuǎn)不同路由router

    【Vue3/Vue2】判斷設(shè)備是移動(dòng)端還是pc端跳轉(zhuǎn)不同路由router

    ? ? ? APP文件中寫入js代碼 1、首先,通過(guò) isMobile() 函數(shù)判斷用戶的設(shè)備類型。該函數(shù)使用正則表達(dá)式匹配 navigator.userAgent 字符串,以確定用戶是在移動(dòng)設(shè)備上訪問(wèn)網(wǎng)頁(yè)還是在桌面設(shè)備上訪問(wèn)網(wǎng)頁(yè) 2、然后,在 onMounted() 鉤子函數(shù)中,根據(jù)當(dāng)前的路由路徑來(lái)判斷是否需要進(jìn)行重定

    2024年01月16日
    瀏覽(43)
  • php判斷是ios手機(jī)還是安卓手機(jī)

    可以使用PHP中的 $_SERVER[\\\'HTTP_USER_AGENT\\\'] 全局變量來(lái)判斷用戶的設(shè)備類型。根據(jù)不同的設(shè)備類型,可以判斷是iOS手機(jī)還是安卓手機(jī)。 下面是一個(gè)示例代碼: 請(qǐng)注意, $_SERVER[\\\'HTTP_USER_AGENT\\\'] 并不是可靠的方式 ,因?yàn)橛脩舸碜址梢员粋卧?。因此,在?shí)際應(yīng)用中,建議使用更可

    2024年02月16日
    瀏覽(25)
  • 使用JS判斷訪問(wèn)設(shè)備是電腦還是手機(jī)

    有時(shí)在編寫前端頁(yè)面視圖時(shí),需要根據(jù)用戶不同的訪問(wèn)設(shè)備(手機(jī)或電腦)對(duì)頁(yè)面設(shè)置不同顯示樣式或跳轉(zhuǎn)到不同的頁(yè)面??梢允褂肑S代碼獲取Navigator對(duì)象的userAgent屬性,通過(guò)對(duì)該屬性值的分析就可以知道當(dāng)前訪問(wèn)的設(shè)備是電腦還是手機(jī)。 一些常用設(shè)備訪問(wèn)時(shí)返回的userAgent屬

    2024年02月08日
    瀏覽(32)
  • Unity Webgl項(xiàng)目判斷當(dāng)前是手機(jī)還是電腦運(yùn)行

    Unity Webgl項(xiàng)目判斷當(dāng)前是手機(jī)還是電腦運(yùn)行

    首先:注意了! 該方法需要unitywebgl導(dǎo)出后才能看到效果?。?!(特別注意,在unity中運(yùn)行 會(huì)顯示 大概意思是 找不到HelloFloat 方法) 首先需要寫一個(gè)JS的腳本,主要是調(diào)用mergeInto();方法,第一個(gè)參數(shù)不用變,第二個(gè)參數(shù)就是JS的方法集合。寫完之后將這個(gè)文件的后綴改為.jslib,名稱

    2024年03月13日
    瀏覽(84)
  • uniapp開發(fā)小程序-pc端小程序下載后端接口的二進(jìn)制流文件

    fileName 包含文件名+后綴名,比如 test.png 這種格式 api.DownloadTmtFile 后端接口返回的是文件的二進(jìn)制流 值得注意的是,微信開發(fā)者工具中是測(cè)試不了 wx.saveFileToDisk 的,需要真機(jī)或者體驗(yàn)版測(cè)試

    2024年02月04日
    瀏覽(24)
  • CSS 利用@media screen判斷識(shí)別手機(jī)/PC端瀏覽器

    一、寫此篇的初衷: 手機(jī)用戶??梢愿鼡Q自己手機(jī)系統(tǒng)的字體,那么在瀏覽網(wǎng)頁(yè)的時(shí)候,網(wǎng)頁(yè)內(nèi)容字體也都隨之變了,于是我想,能不能讓自己的網(wǎng)站的字體在手機(jī)瀏覽器中保持不變(使用一款自定義字體)呢;而在PC端瀏覽器不用處理。 二、功能實(shí)現(xiàn)依據(jù): 首先,CSS @me

    2024年02月09日
    瀏覽(20)
  • uniapp判斷是圖片還是pdf,如果是pdf則進(jìn)行下載預(yù)覽

    一、附件中有圖片也有pdf,需要進(jìn)行預(yù)覽,圖片可直接預(yù)覽,而pdf是下載后再預(yù)覽 二、主要代碼

    2024年04月26日
    瀏覽(16)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包