鍵盤快捷鍵將焦點從Web開發者工具切換到Chrome中的頁面

我使用Vimium for Chrome，它允許我使用r鍵進行刷新。當我使用開發工具時，我失去了頁面的焦點，並且必須單擊頁面才能再次使用r（儘管我顯然只是使用按鈕進行刷新）。有誰知道從開發工具切換回頁面的鍵盤快捷方式？我知道您可以使用cmd [在開發工具內部切換窗格，但無法找到切換回頁面的方法。鍵盤快捷鍵將焦點從Web開發者工具切換到Chrome中的頁面

來源

2012-06-11 dc-

我也想找到一些方法來實現這一點。非常惱人的是，他們選擇'cmd L'作爲開發工具中的「跳轉到行號」，這會打破通常關注地址欄的行爲... – Adam

我寫了一個通用的解決方案。如果你想在任何情況下輕鬆地將焦點移動到頁面，請檢查此問題http://stackoverflow.com/a/30567119/524588 –

您可以[在單獨的窗口中打開devtools] [1]，然後使用常規的窗口切換。 [1]：http://stackoverflow.com/questions/23668827/how-to-open-the-chrome-developer-tools-in-a-new-window – sylvain

沒有辦法從開發板窗口切換到窗口，但cmd r完成需要的東西（刷新頁面）。

來源

2012-10-11 03:04:49

不適合我。 – Jason

我還沒有找到一種方法把重點從開發工具頁面，同時使開發工具打開，但：

如果DEV-工具打開，用關注它Cmd的 + 選項 + ç
關閉開發工具和重點頁面Cmd的 + 選項 + 我
如果開發工具是封閉的，直接跳轉到控制檯：Cmd的 + 選項 + Ĵ
切換分頁與Cmd的 + [和Cmd的 + ]
Esc在開發工具中切換控制檯

參考：https://developers.google.com/chrome-developer-tools/docs/shortcuts

來源

2013-07-03 09:44:33

的Chrome版本35.0.1916.114

在網頁上，F12。應該顯示元素選項卡，如果不用ctrl + [切換到它。一旦您從頁面獲取F12上顯示的元素選項卡，您可以使用Esc訪問控制檯（如果需要的話）。

然後，當元素面板被關注時，在遇到任何有趣的事情之前，有三個選項卡，我會看到樣式面板'user agent stylesheet'。還有兩個選項卡，我在右上角顯示小點圖標，以顯示該圖標。

在這一點上，我們距離開始5標籤。還有兩個選項卡，我可以'在樣式中查找'，另外一個選項卡，我可以獲取計算屬性面板。然後另一個選項卡進入它下面的過濾器。

現在我們在9個選項卡。

猜猜第10個標籤是什麼。或者，如果你的小指越來越疲倦，那麼只有8個移位標籤會向後移動。

這就是我們在業務中所稱的'可發現性'。

話又說回來，這裏是AutoHotkey的腳本：

; Match any part of title 
SetTitleMatchMode, 2 
#IfWinActive - Google Chrome 
;#IfWinActive ahk_class Chrome_WidgetWin_1 
    +F10:: ; goto html body, use upper left corner mouse click 
    CoordMode, Mouse, Screen 
    MouseGetPos, xpos, ypos 
    CoordMode, Mouse, Relative 
    MouseClick, left,10, 95, 1, 0 
    CoordMode, Mouse, Screen 
    MouseMove, %xpos%, %ypos%, 0 
    Return 
    F10:: ; from html, goto dev tools (Elements Panel must be default here, with console open ESC), 
     ; might need to adjust tab number to suit your icons to the right of location bar 
    Send, ^l 
    Send, {tab 7} 
    Return 
    ^F10:: ; from html, goto dev tools - previously opened console (Elements Panel must be default here, with console open ESC) 
    Send, ^l 
    Send, {tab 7} 
    Send, {tab 13} 
    Return 
#IfWinActive ;Chrome

來源

2014-06-03 13:09:34

打F6關注地址欄，回車或F5刷新，然後按Tab鍵，專注於瀏覽器窗口的元素...

這是一個迴旋處，可能對所有情況都沒有幫助，但是如果您正在測試tab索引或某物，並且不喜歡使用鼠標，這是我唯一能夠在不關閉控制檯的情況下切換回來的方法。

來源

2015-08-24 15:14:13 bingo

OS X，你可以原生應用程序窗口之間循環使用：

將焦點移至下一個窗口：⌘ + `

將焦點移到最後一個窗口：⌘ + ⇧ + `

如果不工作，檢查它在

系統預置>鍵盤啓用>鍵盤快捷鍵標籤>鍵盤部分

來源

2015-09-07 14:43:08

謝謝！當開發工具處於同一窗口時，問題更多。 –

Dude ...這是如此有幫助，謝謝=） – afreeland

我買了這個漂亮的沮喪過，但我問題雖然有點不同。我有開發工具分離（在一個單獨的窗口中），我總是需要點擊才能返回頁面。

我寫了一個小的AppleScript爲我的作品：

tell application "Google Chrome" 
    activate second window -- if I have dev tools open "second window" is the page 
    tell second window to tell active tab 
     set the URL to "Javascript:window.focus();" 
    end tell 
end tell

我把它綁定到使用Spark的快捷方式。

因此，無論何時我處於分離的開發工具窗口中，我都會打開快捷方式，並將焦點放回頁面，然後再次使用Vimium。

來源

2015-11-09 11:29:30 Cotten

無恥地從Hugh Lee

複製命中F6或Cmd的+ L或Ctrl + L鍵和聚焦地址欄
類型的javascript：並按下輸入鍵。

現在，您只能用j將焦點移動到頁面。

但是javascript：太長了，不是嗎？然後按照這個。

Go to Chrome Settings page 
Click "Manage search engines..." in the Search section 
Add a new search engine with 
    any name e.g. Back to page 
    any keyword e.g. j 
    URL - javascript: