JavaScript Screen和Navigator

screen和navigator是window對(duì)象下的兩個(gè)對(duì)象解总,可以不帶window.直接使用screen和navigator懦底。screen包含瀏覽器窗口的信息鲜屏,navigator包含瀏覽器及系統(tǒng)的信息吱抚。

screen對(duì)象

window.screen 對(duì)象包含有關(guān)用戶屏幕的信息俺陋,使用的時(shí)候可以不帶window豁延。下面代碼我們?cè)诳刂婆_(tái)打印一下screen昙篙,screen對(duì)象主要有的是尺寸的屬性。

console.log(screen);//Screen{...}

窗口尺寸

  • screen.width - 屏幕寬度

  • screen.height - 屏幕高度

  • screen.availWidth - 可用的屏幕寬度

  • screen.availHeight - 可用的屏幕高度

console.log(screen.width);//1536
console.log(screen.height);//864
console.log(screen.availWidth);//1536
console.log(screen.availHeight);//824

navigator對(duì)象

window.navigator對(duì)象和上面的screen對(duì)象差不多诱咏,window.navigator 對(duì)象包含有關(guān)訪問者瀏覽器的信息苔可,window.navigator對(duì)象在編寫時(shí)也可以不使用 window 這個(gè)前綴。

console.log(navigator);//Navigator{...}

navigator對(duì)象包含的信息明顯更多一些袋狞,但是navigator對(duì)象的信息具有誤導(dǎo)性焚辅,因?yàn)閚avigator的數(shù)據(jù)可能會(huì)被更改,或者瀏覽器識(shí)別錯(cuò)誤等苟鸯。一些常見的navigator屬性信息:

  • navigator.appCodeName - 瀏覽器代號(hào)
  • navigator.appName - 瀏覽器名稱
  • navigator.appVersion - 瀏覽器版本
  • navigator.cookieEnabled - Cookies是否啟用
  • navigator.platform - 硬件平臺(tái)
  • navigator.userAgent - 用戶代理
  • navigator.language - 用戶代理語言
console.log(navigator.appCodeName);//Mozilla
console.log(navigator.appName);//Netscape
console.log(navigator.appVersion);//5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36
console.log(navigator.cookieEnabled);//true
console.log(navigator.platform);//win32
console.log(navigator.userAgent);//Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36
console.log(navigator.language);//zh-CN

由于 navigator 可誤導(dǎo)瀏覽器檢測(cè)法焰,使用對(duì)象檢測(cè)可用來嗅探不同的瀏覽器,比如window.opera對(duì)象只有Opera瀏覽器才有倔毙。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市乙濒,隨后出現(xiàn)的幾起案子陕赃,更是在濱河造成了極大的恐慌,老刑警劉巖颁股,帶你破解...
    沈念sama閱讀 218,858評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件么库,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡甘有,警方通過查閱死者的電腦和手機(jī)诉儒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來亏掀,“玉大人忱反,你說我怎么就攤上這事÷算担” “怎么了温算?”我有些...
    開封第一講書人閱讀 165,282評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長间影。 經(jīng)常有香客問我注竿,道長,這世上最難降的妖魔是什么魂贬? 我笑而不...
    開封第一講書人閱讀 58,842評(píng)論 1 295
  • 正文 為了忘掉前任巩割,我火速辦了婚禮,結(jié)果婚禮上付燥,老公的妹妹穿的比我還像新娘宣谈。我一直安慰自己,他們只是感情好键科,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6 392
  • 文/花漫 我一把揭開白布蒲祈。 她就那樣靜靜地躺著甘萧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪梆掸。 梳的紋絲不亂的頭發(fā)上扬卷,一...
    開封第一講書人閱讀 51,679評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音酸钦,去河邊找鬼怪得。 笑死,一個(gè)胖子當(dāng)著我的面吹牛卑硫,可吹牛的內(nèi)容都是我干的徒恋。 我是一名探鬼主播,決...
    沈念sama閱讀 40,406評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼欢伏,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼入挣!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起硝拧,我...
    開封第一講書人閱讀 39,311評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤径筏,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后障陶,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體滋恬,經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年抱究,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了恢氯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鼓寺,死狀恐怖勋拟,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情妈候,我是刑警寧澤指黎,帶...
    沈念sama閱讀 35,785評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站州丹,受9級(jí)特大地震影響醋安,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜墓毒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3 331
  • 文/蒙蒙 一吓揪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧所计,春花似錦柠辞、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽习勤。三九已至,卻和暖如春焙格,著一層夾襖步出監(jiān)牢的瞬間图毕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評(píng)論 1 271
  • 我被黑心中介騙來泰國打工眷唉, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留予颤,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3 372
  • 正文 我出身青樓冬阳,卻偏偏與公主長得像蛤虐,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子肝陪,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容