請問如何解決chrome在手機模式下在滑鼠移動到頁面區域就消失?

chrome版本是51穩定版,系統是win10

f12進入然後選」toggle device toolbar「進入模擬手機訪問

現在的問題是在手機模式下,滑鼠移動到頁面區域就會消失移出來就正常,能正常點擊頁面但看不到滑鼠完全不知道點了哪裡= =

不知道是不是新版的問題,之前移動到頁面區域就會有個黑色小圓點

請問有沒有朋友遇到過這種問題,應該怎麼設置才會把那個小圓點顯示出來...


這個問題也困擾我好久了,調試前端移動版頁面時看不到小圓點很麻煩。

一開始根本想不到問題在哪。是不是chrome版本問題?插件問題?系統bug還是什麼電腦管家破壞了重要文件?

查了好久試了很多辦法才發現,都不是。

問題出現在顯卡驅動上。

以Intel核顯為例,在顯卡控制面板里選擇「顯示-量化範圍」(在nvidia那邊叫動態範圍),裡面有三項:

  • 默認範圍 Default Range
  • 有限範圍 Limited Range
  • 全範圍 Full Range

勾上「全範圍」,保存,看看chrome里那個小圓點是不是出來了?

現在用的電腦沒有這個問題,下面這張圖是網上找的,參考一下就行。

(把Default Range 改成 Full Range)

只想解決問題的看到這裡就可以了。下面我講講它為什麼會發生。

其實出現這種問題的電腦只是很少一部分。

Mac是不會出的,PC筆記本單獨用也不會出這個問題。

只有當你用PC的HDMI接顯示器時才可能出現。

而且AMD顯卡默認是沒這個問題的,Nvidia和Intel的核顯才有。

前面還有答主說自己筆記本接顯示器,顯示器上沒有小灰點,拖到筆記本上就有,原理是一樣的。

我之前用兩台顯示器,一個設置成Limited Range,一個Full Range,把窗口放在顯示器中間,滑鼠挪到這邊就有小灰點,那邊就消失了,特別明顯。

為什麼會出現這種事?那就涉及到HDMI的歷史了。

最早的時候,電腦和電視是兩種涇渭分明的設備。

電腦顯示的介面從模擬的VGA進化成數字的DVI、DisplayPort;

電視的介面則從古老的射頻轉為兩條音視頻線再到YCbCr色差,然後就是大家熟知的HDMI。

電腦首要目標是顯示文稿、圖像、網頁,需要線條清晰、黑白分明;

電視顯示的是視頻、遊戲,少有純黑純白這種極端情況,中間的顏色表現更為重要。

而且電視的歷史更久,在模擬時代,極端亮暗的色彩信號中更難濾除雜波,還不如放棄它呢。

所以,電腦輸出到顯示器的顏色灰度範圍當然是完整的0~255,也就是上面說的Full Range全範圍;

而電視這邊做了一些削減,也就是將最黑和最白兩端的灰度過濾掉了,範圍是16~235,即Limited Range有限範圍。從模擬的色差信號到數字的HDMI信號都是這樣。

但是,這是你通過機頂盒、錄像機、DVD、遊戲機這些專門接電視的設備輸出給電視的,電視知道自己收到的是16~235,所以也會做相應處理,重新將它「展開」到0~255。適當調適顏色的鮮艷程度和亮度,不至於丟失了兩端的灰度而讓整個屏幕都變得灰濛濛。

看看遊戲截圖對比就知道了,Full的對比度更強,Limited去掉一部分灰度後變得更柔和些,同時通過提升亮度達到暗部更清晰的效果。

後來,顯卡顯示器都有了HDMI介面,電視也允許PC接入了。兩者的界限慢慢不再那麼明顯。

但是,很多早期設備和設計的不太好的設備仍然有兼容性問題。比如老數字電視的HDMI就根本沒考慮到會輸入0~255範圍的顏色,有可能會出現顯示問題、色彩錯亂等。

為了避免這種情況,而且早年支持HDMI的顯示器還比較少,只要插上HDMI基本就是為了接平板電視打遊戲看片,所以Nvidia就耍了個小聰明,只要你從HDMI輸出的信號,我不管接在什麼上,統統按Limited Range輸出,就是16~235。這個默認設置一直延續了好多年。

AMD就精多了,很早就通過檢測顯示設備等方式,保證在顯示器上輸出0~255,就算誤認導致在電視上輸出也沒關係,後來的電視都解決這些問題了。

這造成了什麼後果呢?你們都聽過A卡比N卡色彩好的說法吧。

真相是,A卡儘管在顏色上花了很大功夫,但在普通人未校色的非專業顯示器上,很難看出和N卡的差距。

但Nvidia自廢武功,直接導致了HDMI接顯示器時默認就比A卡顏色差了一大截,肉眼都能看出來灰撲撲的。

任何人只要看到這種對比,都會覺得A卡就是比N卡色彩好得多。

後來Intel核顯崛起,但不知為什麼也沿襲了N卡這個套路,默認情況下如果插HDMI線就是16~235。更喪心病狂的是15年前的官方驅動面板里根本沒提供修改的選項,想改只能自己找別人做的小工具。

本題目里的Chrome手機模式小灰點,其實就是因為正好灰度落在了顯卡輸出時濾掉的範圍里,所以莫名消失了……

真是八百里開外躺著也中槍啊。


分享一下個人經驗,其實只要選中顯示指針軌跡就可以了,這樣設置更為簡單


分享一個經歷。。希望能幫到大家

win10家庭版、chrome 51版本

使用手提時HDMI線外接在AOC某款24顯示器時出現題主說的手機模式調試時看不到滑鼠的情況(調成桌面模式沒問題)(看到有人反映VGA線接顯示器能看到滑鼠而HDMI線則不能,求證。。)

當我把瀏覽器拖到手提自帶的屏幕上時滑鼠就出現了。。= =有條件的各位可以試試看各種情況看是不是會這樣子。

此前在一台單顯示器台式機win7下也出現過看不到滑鼠的情況,應該不是系統的問題。


暫時的解決辦法是:控制面板-滑鼠-指針選項-勾選指針軌跡,然後將指針軌跡設置最短。

另外,在沒有這樣操作之前,如果你用GIF錄製工具,你會發現小圓點在GIF中奇蹟的出現了,非常奇葩的問題。


上次調整改完能用,現在不知道又恢復到原來的樣子,找不到滑鼠。心塞塞呀



看來需要很多專業知識啊。。。。


困擾了很久,在我裝上獨顯的時候時候,這個問題就消失了。所以我猜可能是顯卡,或者顯卡驅動的問題。


推薦閱讀:

chrome點擊登錄就閃退,怎麼辦?
Chrome默認下載器那麼難用怎麼辦?
Chrome 有哪些不易發現的功能或使用技巧?
如何解釋在Chrome中Array.prototype.shift的奇怪的耗時表現?
Chrome 書籤欄能不能多加一排?

TAG:GoogleChrome | Chrome使用技巧 |