当前位置：首页 > 软件库 > Web应用开发 > 网页开发工具 >

next-useragent

next.js 解析用户代理字符串工具

授权协议 MIT

开发语言 JavaScript TypeScript

所属分类 Web应用开发、网页开发工具

软件类型开源软件

地区不详

投递者王亮

操作系统跨平台

开源组织无

适用人群未知

软件概览

next-useragent 用于为 next.js 解析浏览器的用户代理字符串。

安装

$ npm install next-useragent

用法

next-useragent 的用法非常简单，使用withUserAgent方法，可以随时随地访问用户代理的详细信息。

作为 getInitialProps 方法的参数传递。
作为 React 组件的属性传递。

高阶组件

import React from 'react'
import dynamic from 'next/dynamic'
import { WithUserAgentProps, withUserAgent } from 'next-useragent'

const DesktopContent = dynamic(() => import('./desktop-content'))
const MobileContent = dynamic(() => import('./mobile-content'))

class IndexPage extends React.Component<WithUserAgentProps> {

  static async getInitialProps(ctx) {
    return { useragent: ctx.ua.source }
  }

  render() {
    const { ua, useragent } = this.props

    return (
      <>
        <p>{ useragent }</p>
        { ua.isMobile ? (
        <MobileContent />
        ) : (
        <DesktopContent />
        ) }
      </>
    )
  }
}

export default withUserAgent(IndexPage)

使用案例

Next.js踩坑入门系列（七） —— 其他相关知识

Next.js踩坑入门系列 (一) Hello Next.js (二) 添加Antd && CSS (三) 目录重构&&再谈路由 (四) Next.js中期填坑 (五) 引入状态管理Redux (六) 再次重构目录 (七) 其他相关知识获取数据&&getInitialProps 获取数据，依然是Next与普通的React SPA应用不同的地方，React应用基本都有自己的路由组件（当然大部分是r
next.js学习笔记-getServerProps获取数据

学习目标： getServerSideProps获取数据学习内容： 1.getServerProps获取数据学习总结&理解输出 next.js是一种基于服务端渲染的框架。其中『服务端渲染』指：访问某路由之前，先向服务器请求数据，将请求回来的数据和HTML加工后直接返回前端展示）。服务端渲染有一个重要概念即静态化。当请求较多的时候，服务器也会有一定的压力。因此当下次访问同一个路由地址的时候，直
Android获得手机UserAgent的源码

就在我们使用安卓手机接通Pc的时候，或者使用的有些app比如我们企业营销团队就在使用的app引号精灵，以前老版本就需要开启USB开发者调试模式下使用，现就在新版本不需要了，如果手机没有开启USB开发者调试模式，Pc则不能够成功识别我们的手机，部分app也不能够正常使用，如果遇到这个情况我们需要找解决方法将手机的USB开发者调试模式打开，下面我们叙述魅族魅蓝x2如何开启USB开发者调试模式的方法。接
微信公众号跳转App-开放标签，基于next.js

微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网页体验。说白了就是公众号跳转APP 官方文档：开放标签https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#22 《微信内网页跳转APP
lua+nginx解析useragent实例

----------------------------------------razor_js.lua--------------------------------------------------------- local cjson = require("cjson") local cjson_safe = require("cjson.safe") local logger = req
lua解析UserAgent

--解析UserAgent，获取移动设备访问的系统版本和设备型号 function getUAField(t) local separator=';' local tab={} local android=string.find(t,"Android") local iphone=string.find(t,"iPhone") if android then tab["platform"
解决CentOS中安装Nextcloud出现“内部服务器错误

这个问题困扰了其他人包括我很长时间了：当我们在CentOS中安装好httpd、php，将Nextcloud程序解压进网站根目录，然后访问—— 内部服务器错误服务器发生一个内部错误并且无法完成你的请求. 如果多次出现这个错误, 请联系服务器管理员, 请把下面的技术细节包含在您的报告中. 更多细节可以在服务器日志中找到. 直入正题这个问题的出现是由于文件夹权限设置的不到位。如果直接简单地去设置权
Next.js 服务端渲染框架实战

基于React.js 技术栈的服务端渲染框架Next.js 实战记录第一次在掘金上发布文章，本着学习的态度，将自己运用Next.js开发服务端渲染的项目复原总结出来，巩固知识点，也可以跟同行探讨下技术。（文章不断完善中...） 1.项目背景公司原有项目基于PHP和jQuery混合开发的，提出重构需求。但是后端技术栈由PHP更替为Java微服务,前端技术栈也从jQuery更替为React.js。
解决Nextcloud / Owncloud 无法删除目录（或文件）

1. 现象删除目录或文件时提示：无法删除文件 “***” Error deleting file "***" 2. 解决方法查看数据目录下nextcloud.log,可能有三种情况：情况A {"reqId":"0DijSqEkfOg2iyh9VD8J","remoteAddr":"xx.xx.xx.xx","app":"webdav","message":"Exception: {\"Me
Next轻量级框架与主流工具的整合

前言老大说以后会用 next.js来做一下 SSR 的项目，让我们有空先学学。又从 0 开始学习新的东西了，想着还是记录一下学习历程，有输入就要有输出吧，免得以后给忘记学了些什么~ Next框架与主流工具的整合 github地址：https://github.com/code-coder/next-mobile-complete-app 首先，clone Next.js 项目，学习里面的temp
急急急！！！Nextcloud内部服务器错误

本帖最后由 husthyx 于 2019-8-17 11:33 编辑老毛子固件，通过ONMP安装，nextcloud是最新版本16.0.4,配置完成后输入帐号密码登陆，出现“内部服务器错误”，服务器日志如下：{"reqId":"1NwssUrQYmV1d9ELSrZR","level":3,"time":"2019-08-17T00:23:19+00:00","remoteAddr":"192.

next-useragent

安装

用法

高阶组件

同类工具

相关阅读

相关文章

相关问答

相关文档