Navigator

2018-08-22 23:34:20

/** * Sample React Native App * https://github.com/facebook/react-native */ 'use strict'; import React, { AppRegistry, Component, StyleSheet, PixelRatio, Navigator, Scroll...

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
'use strict';

import React, {
    AppRegistry,
    Component,
    StyleSheet,
    PixelRatio,
    Navigator,
    ScrollView,
    Text,
    View
    } from 'react-native';


class DongFang extends Component {
    render() {
        let defaultName='List';
        let defaultComponent=List;
        return (
            <Navigator
                initialRoute={{ name: defaultName, component: defaultComponent }}
                //配置场景
                configureScene=
                    {
                (route) => {

                //这个是页面之间跳转时候的动画，具体有哪些？可以看这个目录下，有源代码的: node_modules/react-native/Libraries/CustomComponents/Navigator/NavigatorSceneConfigs.js

                return Navigator.SceneConfigs.VerticalDownSwipeJump;
              }
              }
                renderScene={
            (route, navigator) =>
             {
            let Component = route.component;
            return <Component {...route.params} navigator={navigator} />
          }
          } />


        );
    }
}


class List extends Component {

    constructor(props) {
        super(props);
        this.state = {
            author:'dongfangyao'
        };
    }

    _pressButton() {
        const { navigator } = this.props;
        //为什么这里可以取得 props.navigator?请看上文:
        //<Component {...route.params} navigator={navigator} />
        //这里传递了navigator作为props
        if(navigator) {
            navigator.push({
                name: 'Detail',
                component: Detail,
                params:{
                    author:this.state.author,
                }
            })
        }
    }


    render(){
        return (
            <ScrollView style={styles.flex}>
                <Text style={styles.list_item} onPress={this._pressButton.bind(this)} >☆ 豪华邮轮济州岛3日游</Text>
                <Text style={styles.list_item} onPress={this._pressButton.bind(this)}>☆ 豪华邮轮台湾3日游</Text>
                <Text style={styles.list_item} onPress={this._pressButton.bind(this)}>☆ 豪华邮轮地中海8日游</Text>
            </ScrollView>
        );
    }
}


class Detail extends Component{

    constructor(props) {
        super(props);
        this.state = {};
    }


    componentDidMount() {
        this.setState({
            author:this.props.author,
        });
    }

    _pressButton() {
        const { navigator } = this.props;
        if(navigator) {
            //很熟悉吧，入栈出栈~ 把当前的页面pop掉，这里就返回到了上一个页面:List了
            navigator.pop();
        }
    }

    render(){
        return(

            <ScrollView>
                <Text style={styles.list_item} onPress={this._pressButton.bind(this)} >作者是：{this.state.author}</Text>

            </ScrollView>

        );
    }
}



const styles = StyleSheet.create({

    flex:{
        flex:1,

    },
    list_item:{
        height:40,
        marginLeft:10,
        marginRight:10,
        fontSize:20,
        borderBottomWidth:1,
        borderBottomColor:'#ddd',
        justifyContent:'center',
    },


});

AppRegistry.registerComponent('DongFang', () => DongFang);

收起

展开全文

navigator

2016-03-01 15:57:20

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>navigator</title> </head> <body> <script> //typeof navigator pbject var i=1; for(var

 

<!DOCTYPE html> 

<html> 

<head lang="en"> 

    <meta charset="UTF-8"> 

    <title>navigator</title> 

</head> 

<body> 

    <script> 

        //typeof navigator  pbject 

        var i=1; 

        for(var list in navigator){ 

            console.log(list); 

            var p=document.createElement('p'); 

            var con=i++; 

            p.innerHTML=con+": "+list; 

            document.body.appendChild(p); 

        } 

        console.log(navigator.appName);//浏览器名称 

        console.log(navigator.appVersion);//浏览器版本号 

        console.log(navigator.platform);//平台 

        console.log(navigator.plugins);//插件信息 

    </script> 

</body> 

</html>

收起

展开全文

Anaconda Navigator
2019-09-21 22:48:23
Anaconda Navigator Anaconda Navigator Anaconda Navigator
收起
pycharm

Navigator对象

2021-01-26 11:49:19

Navigator对象表示用户代理的状态和标识，其允许脚本查询它和注册自己进行一些活动，可以使用只读的window.navigator属性取得实例化的navigator对象的引用。属性 navigator.connection: 只读，提供一个Network ...

Navigator对象

Navigator对象表示用户代理的状态和标识，其允许脚本查询它和注册自己进行一些活动，可以使用只读的window.navigator属性取得实例化的navigator对象的引用。

属性

navigator.connection: 只读，提供一个Network Information对象，该对象包含有关设备网络连接的信息。
navigator.cookieEnabled: 只读，如果启用cookie则返回true，否则返回false。
navigator.credentials: 只读，返回Credentials Container接口，该接口公开请求凭证的方法，并在发生制定的事件(如成功登录或签入)时通知用户代理。
navigator.geolocation: 只读，返回允许访问设备位置的地理位置对象。
navigator.hardwareConcurrency: 只读，返回可用的逻辑处理器内核数，使用navigator.hardwareConcurrency直接调用即可。
navigator.language: 只读，返回表示用户首选语言(通常是浏览器UI的语言)的DOMString，未知时返回空值。
navigator.maxTouchPoints: 只读，返回当前设备支持的最大同时接触点数。
navigator.mediaDevices: 只读，返回对MediaDevices对象的引用，该对象可用于获取有关可用媒体设备的信息。
navigator.mimeTypes: 只读，返回MimeTypeArray对象，该对象包含表示浏览器识别的MIME类型的MimeType对象列表。
navigator.onLine: 只读，返回一个布尔值，指示浏览器是否正在联机工作。
navigator.plugins: 只读，返回一个PluginArray对象，列出了描述应用程序中安装的插件的插件对象。
navigator.serviceWorker: 只读，返回ServiceWorkerContainer对象，该对象提供对注册、删除、升级以及与相关文档的ServiceWorker对象通信的访问。
navigator.storage: 只读，返回单例StorageManager对象，该对象用于访问当前站点或应用程序的浏览器的整体存储功能，返回的对象使您可以检查和配置数据存储的持久性，并大致了解浏览器还有多少空间可用于本地存储，需要在HTTPS Secure context环境下使用。
navigator.userAgent: 只读，返回当前浏览器的用户代理字符串。
navigator.vendor: 只读，返回当前浏览器的供应商名称。

方法

navigator.javaEnabled(): 该方法返回一个布尔值，表明主机浏览器是否启用了java。
navigator.registerProtocolHandler(scheme, url): 该方法允许网站注册它们打开或处理特定URL方案(又名协议)的能力。
navigator.requestMediaKeySystemAccess(keySystem, supportedConfigurations): 该方法返回一个Promise，该Promise传递一个MediaKeySystemAccess对象，该对象可用于访问特定的媒体密钥系统，而该系统又可用于创建用于解密媒体流的密钥，此方法是加密媒体扩展API的一部分，它为WEB提供了对加密媒体和受DRM保护的视频的支持，需要在HTTPS Secure context环境下使用。
navigator.sendBeacon(url, data): 该方法通过HTTP异步地向web服务器发送少量数据，它的目的是与visibilitychange事件一起使用(但不是与unload和beforeunload事件一起使用)。
navigator.share(data): 该方法调用设备的本机共享机制，需要在HTTPS Secure context环境下使用。
navigator.vibrate(pattern): 方法在设备上触发振动硬件(如果存在)，如果设备不支持振动，则此方法无效，如果在调用此方法时已经在进行振动模式，则将暂停先前的模式，然后开始新的模式。

每日一题

https://github.com/WindrunnerMax/EveryDay

参考

https://developer.mozilla.org/zh-CN/docs/Web/API/navigator

收起

展开全文

html5 javascript

详解navigator对象

万次阅读 多人点赞 2020-06-16 09:45:33

Navigator 接口表示用户代理的状态和标识。它允许脚本查询它和注册自己进行一些活动

Navigator 接口表示用户代理的状态和标识。它允许脚本查询它和注册自己进行一些活动

window.navigator对象包含有关浏览器的信息，可以用它来查询一些关于运行当前脚本的应用程序的相关信息

navigator.appCodeName 只读,任何浏览器中，总是返回 'Gecko'。该属性仅仅是为了保持兼容性。
navigator.appName 只读,返回浏览器的官方名称。不要指望该属性返回正确的值。
navigator.appVersion 只读,返回一个字符串，表示浏览器的版本。不要指望该属性返回正确的值。
navigator.platform 只读,返回一个字符串，表示浏览器的所在系统平台。
navigator.product 只读,返回当前浏览器的产品名称（如，"Gecko"）。
navigator.userAgent 只读,返回当前浏览器的用户代理字符串（user agent string）
navigator.battery 只读返回一个 BatteryManager 对象，你可以用它来获取一些电池充电状态的信息。
navigator.connection 只读提供一个NetworkInformation对象来获取设备的网络连接信息。
navigator.cookieEnabled 只读当忽略 cookie 时返回 false，否则返回 true
navigator.geolocation 只读返回一个 Geolocation 对象，据之可访问设备的地理位位置信息。
navigatorLanguage.language 只读返回表示用户的首先语言，通常是浏览器用户界面的语言。当未知的时，返回null。
navigatorLanguage.languages 只读返回一个表示用户已知语言的数组，并按优先顺序排列。
navigatorOnLine.onLine 只读返回Boolean来表明浏览器是否联网。
navigator.oscpu 返回当前操作系统名。
navigator.mineTypes 只读返回浏览器所支持的MIME类型的数组

收起

展开全文

JavaScript

JS Navigator
2019-10-05 02:36:07
JS Navigator window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。 <div id="example"></div> <script> txt = "&...
收起
navigator对象
2019-04-15 21:08:31
navigator对象是window对象的属性，它保存了浏览器的信息, 如: 浏览器名称,版本,浏览器所在的电脑操作系统等 console.log(navigator.appName); //浏览器名称 console.log(navigator.appVersion); //浏览器版本 ...
收起
Navigator 对象
2018-06-06 11:30:14
Navigator 对象：Navigator包含有关浏览器的信息虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器，但其他实现了 JavaScript 的浏览器也支持这个对象。Navigator 对象的实例是唯一的，可以用 Window ...
收起
JavaScript Navigator
2018-03-01 17:11:49
window.navigator 对象包含有关访问者浏览器的信息window.navigator 对象在编写时可不使用 window 这个前缀 navigator.appCodeName 声明了浏览器的代码名navigator.appName 返回浏览器的名称navigator.appVersion...
收起
Window Navigator window.navigator.language
2019-05-09 15:27:51
window.navigator 对象包含有关访问者浏览器的信息。 navigator.language返回一个字符串,该字符串代表用户的首先语言，通常是浏览器使用的语言。navigator.language为只读属性。例如：用一下方式可以获得其他对应...
收起
WinCC_WebNavigator
2019-05-10 11:44:59
WinCC WebNavigator 官方中文说明文档：配置wincc WebNavigator 文档说明
收起
关于navigator
2017-08-28 15:30:17
navigator包含了浏览器的基本信息 window.navigator js 判断安卓或者ios 之indexOf方式: var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; ...
收起
navigator for mysql_SQL Navigator 7
2021-02-02 18:49:08
SQL Navigator for Oracle是专为开发者打造的一款数据库开发管理工具，主要适用于oracle数据库的开发操作，软件提供了一个集成的开发环境，集合了代码编辑、性能调整、应用调试以及web开发等多种功能于一体，是您...
收起
Window Navigator
2017-05-08 13:02:11
window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。实例 txt = "Browser CodeName: " + navigator.appCodeName...
收起
WebNavigator
2011-09-22 14:47:06
Wincc v6.2 sp2 WebNavigator-文档
收起
OptiX Navigator 6.2
2014-07-11 23:16:21
OptiX Navigator 6.2
收起
navigator浏览器信息
2020-05-09 16:18:00
navigator：浏览器信息浏览器代号(内核):navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本:navigator.appVersion 启用Cookies:navigator.cookieEnabled 硬件平台:navigator.platform 用户代理:...
收起
RN Navigator
2017-05-13 22:21:43
<NavigationExperimental.Navigator initialRoute={{ name: "",title:'hehida', component: Info }} configureScene={() => { return NavigationExperimental.Navigator.SceneConfigs.PushFromRight
收起
navigator跳转
2018-08-03 12:16:58
navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。主要属性：wxml
收起
anaconda-navigator
2019-12-10 18:54:01
anaconda-navigator
收起
微信小程序navigator嵌套navigator 多次跳转问题
2021-01-09 16:44:12
最近在做微信小程序的时候发现android navigator嵌套navigator的时候发现多次跳转，主要是列表中有类似button的东西，就是点子navigator的时候也响应了，主要解决方式是把子navigator 修改为catchtap <view ...
收起

Navigator

navigator

Anaconda Navigator

Navigator对象

Navigator对象

属性

方法

每日一题

参考

详解navigator对象

JS Navigator

navigator对象

Navigator 对象

JavaScript Navigator

Window Navigator window.navigator.language

WinCC_WebNavigator

关于navigator

navigator for mysql_SQL Navigator 7

Window Navigator

WebNavigator

OptiX Navigator 6.2

navigator浏览器信息

RN Navigator

navigator跳转

anaconda-navigator

微信小程序navigator嵌套navigator 多次跳转问题

navigator