Yeni sekme / yeni pencere açıldığında Chrome geliştirici araçlarını otomatik olarak aç


252

Bir bağlantıyı tıklatarak yeni bir pencerede açılan HTML5 uygulamam var. Her zaman ihtiyacım olduğu için Geliştirici araçlarını başlatmak için ağ iletişimini günlüğe kaydetmek istediğimde Shift + I tuşlarına basmaktan biraz yoruldum . Geliştirici Araçlarını başlangıçta her zaman etkin tutma seçeneği bulamadım.

Chrome'da yeni pencere açıldığında Geliştirici araçlarını otomatik olarak açmanın bir yolu var mı ?


Bunu da bilmek isterim. Bulduğum tek yol, kaynağı bu adamın yaptığı gibi düzenlemektir: [link] groups.google.com/forum/?fromgroups=#!topic/…
zone117x

Oldukça sert gördüm ve bulabildiğim en yakın şey, bir Chrome Uzantısıyla geliştirici araçlarının içinde yeni bir Bölme oluşturmak.
TankorSmash

2
SendKeys'i Python ile kullanarak Chrome'u başlatabilir ve +^jCtrl Shift J'yi simüle etmek için gönderebilirsiniz , ancak bu yalnızca yeni bir örnekle çalışır; Belirli bir sayfaya gitmek için selenyum veya başka bir şeyle biraz daha yaratıcı olmanız gerekir ...
TankorSmash

Evet, bu varyantı da gördüm, ancak açılan her yeni sekme için dev araçlarını ne açacağınız geçerli değildir.
Alexander Sirobaba

İşte bu özelliği eklemek için kaynak kodunu değiştiren bir adam . Artık güncel değil gibi görünüyor, ancak en azından isteğinizin mümkün olduğunu biliyoruz .
Patrick M

Yanıtlar:


89

GÜNCELLEME 2:

Bu cevaba bakınız . - 2019-11-05

Artık, açtığınız yerde açık olmaları durumunda Geliştirici Araçlarını Pop-up'larda otomatik olarak açabilirsiniz. Örneğin, Dev Araçları açık değilse ve bir açılır pencere alırsanız, Dev Araçları ile açılmaz. Ancak Dev Tools açık ve sonra bir şey tıklarsanız, pop-up Dev-Tools otomatik olarak açılır.

GÜNCELLEME:

Zaman değişti, artık bu cevapta olduğu gibi --auto-open-devtools-for-tabs kullanabilirsiniz - Wouter Huysentruit 18 Mayıs saat 11:08

OP:

Yürütme sırasında Chrome için başlangıç ​​dizesiyle oynadım, ancak yeni sekmelere devam edemedim.
Ayrıca komut isteminden çağırabileceğiniz tanımlanmış bir PATH yöntemi de düşündüm. Bu SendKeys komutuyla mümkündür, ancak yine sadece yeni bir örnekte. Ve DevTools yeni sekmelerde kalmıyor.

Google Ürün Forumları'na göz atarken, Chrome'da bunu yapmanın yerleşik bir yolu yok gibi görünüyor. Bir tuş vuruşu çözümü veya F12yukarıda belirtildiği gibi kullanmanız gerekir.

Bir özellik olarak tavsiye ettim. İlk ben olmadığımı biliyorum.


1
@ Seanny123: düzeltildi! Bunu bir özellik olarak istiyorsanız, şu Chromium hatasını
yıldızlamaktan çekinmeyin

1
@Chiperific, yürütme sırasında Chrome için başlangıç ​​dizesini oynadığınızı söylediniz, ancak yeni sekmelere devam edemediniz. Ancak, yalnızca bir sekme için başlangıçta bu davranışı gerekir. Yaptığınız yöntemi yalnızca bir sekme için paylaşabilir misiniz?
Martin Braun

10
Zaman değişti, artık bu cevaptaki--auto-open-devtools-for-tabs gibi kullanabilirsiniz
huysentruitw

2
Lütfen yanıtınızı düzenlemeyi düşünün. Eski ama SO'da hala çok görünür.
yannick1976

4
OS X için tam komut (önce çalışan Chrome işlemlerinden çıkın):/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Lane Rettig

189

Geliştirici araçlarını açarken, geliştirici araçları penceresi odaktayken tuşuna basın F1. Bir ayarlar sayfası açılacaktır. "Pop-up'lar için DevTools'u otomatik aç" ı kontrol edin.

Bu benim için çalıştı.

Ekran görüntüsü


13
Bu işe yarıyor ve OP'nin tam olarak sorduğu şey, doğru cevap olarak işaretlenmeli
Rui

1
WebStorm ile benim için de çalışmıyor. Sayfa açılır ancak geliştirme aracı yoktur.
Mörre

3
Bu çalışır, ancak "Günlükleri Koru" seçeneği her zaman işaretlenmez ve açılır pencere yeniden yönlendirirse önceki ağ isteklerini göstermez. Varsayılan olarak günlükleri nasıl koruyacağına dair bir fikriniz var mı?
timetofly

1
Bu yalnızca belirli bir vaka alt kümesi için geçerlidir , lütfen bugs.chromium.org/p/chromium/issues/detail?id=410958#c87 adresine bakın . Bu genel bir çözüm değil.
Lane Rettig

1
Chome hata ayıklama uzantısına sahip VS Code'dan başlatırken çalışmaz.
VanAlbert

80

Bunun için bir komut satırı anahtarı vardır: --auto-open-devtools-for-tabs

Google Chrome'daki mülkler için şöyle bir şey kullanın:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

İşte faydalı bir bağlantı: chromium-command-line-switchler


1
Bu kesinlikle işe yarıyor ve muhtemelen kabul edilmiş cevap olarak işaretlenmelidir. Krom için kontrol edildi Version 50.0.2661.102 Ubuntu 15.10 (64-bit)ve böyle açıldıchromium-browser --auto-open-devtools-for-tabs
Olga

6
Bu, Windows 7 Sürüm 51.0.2704.103 m'de
çalışmaz

7
OS X için tam komut (önce çalışan Chrome işlemlerinden çıkın):/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Lane Rettig

2
Sürüm 59.0.3071.115 (Resmi Derleme) (64 bit) üzerinde çalışmadı
Gustavo Straube

Benim durumumda Saint'in cevabından farklı olarak çalışıyor.
Markus Barthlen

28

Mac'te: Chrome'dan çıkın, ardından terminal penceresinde aşağıdaki komutu çalıştırın:

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

Açıklığa kavuşturmak için: bu, auto-open-devtools-for-tabsbayrak ayarlanmış olarak Chrome'u açar . Chrome'dan çıkma ve normal uygulama kısayolunu kullanarak yeniden açma, Chrome işaretlenmemiş olarak açılır. Terminal penceresini açmaya gerek kalmadan Chrome'u bu bayrak ayarıyla açmak için bir kısayol istiyorsanız, Automator'da bir iş akışı oluşturabilir, bir "Kabuk Komut Dosyasını Çalıştır" öğesi ekleyebilir ve yukarıdaki komut dosyasına yapıştırabilirsiniz. İş akışını bir uygulama olarak kaydetmek tıklanabilir bir uygulama oluşturur. Bu yanıtı başka bir konuda görün: stackoverflow.com/a/281455/1512790
Rick Gladwin

17

Chrome DevTools ayarları altında şunları etkinleştirin:

Ağ altında -> Günlüğü DevTools altında koru -> Açılır pencereler için DevTools'u otomatik aç


En iyi cevap IMO
Chase Miller

2
iyi cevap ama linux için açıklandı: Geliştirici konsoluna gidin. Hamburger menüsüne gidin. ayarları (veya f1) tıklayın. ağ bölümünde koruma günlüğünü kontrol edin. devtools bölümünde açılır pencereler için otomatik açma devtools'u kontrol edin
JDPeckham

9

F12, Ctrl + Üst Karakter + I'den daha kolaydır


2
Windows veya Linux kullanıyorsanız
Gianfranco P.

1
bir macbook'da isabet f12, ya sen fn + f12 çoğu klavye kullanıcıları için rahat değil (sol alt aşırı + sağ üst uç), yapmak zorunda pro
Seth McClaine

Linux üzerinde harika çalışıyor ... Geçiş yapmak için başka bir neden. Mac Pro'da yaptı, mükemmel değil, ama yine de Apple OS'den çok daha iyi
Ray Foss

5

Geliştirici Araçları penceresi görünür durumdayken menü simgesini (sağ üst köşedeki üç dikey nokta) tıklayın ve Ayarlar'ı tıklayın .

Ayar

Geliştirici Araçları'nın altında , Açılır pencereler için DevTools'u otomatik aç seçeneğini işaretleyin

ayar detayları


4

Buraya benzer bir çözüm aramaya geldim. Gerçekten yeni bir sekmeden sayfa yüklemesi için krom çıktısını görmek istedim. (benim durumumda bir form gönderimi) Aslında kullandığım çözüm, form gönderimini geçerli sekmede gerçekleşecek şekilde form hedefi özniteliğini değiştirmekti. Ağ isteğini yakalayabildim. Sorun çözüldü!


4

Bunu Visual Studio içinde yapmak isteyen herkes, bu Kod Projesi makalesinde yardımcı olacaktır. Bağımsız değişkenler kutusuna "--auto-open-devtools-for-tabs" eklemeniz yeterlidir. 2017'de çalışıyor.


Kod Projesi sayfasının kaybolması durumunda: Yürüt açılır menüsüne gidersiniz, Birlikte Gözat ..., Ekle ... seçeneğini seçin, Program şunun gibidir: C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome .exe ve Bağımsız Değişkenler: --auto-open-devtools-for-tabs -incognito (gizli mod isteğe bağlıdır)
Dustin_00

4

Visual Studio Code (vscode) kullanıyorsanız, çok popüler vscode chrome hata ayıklama uzantısını ( https://github.com/Microsoft/vscode-chrome-debug ) kullanarak bir başlatma yapılandırma dosyası ayarlayabilirsinizlaunch.json ve bir hata ayıklama oturumu.

Bu launch.jsonbenim Tepki projeler için ben kullanımı:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

Önemli çizgi "runtimeArgs": ["--auto-open-devtools-for-tabs"],

Artık vscode'dan yazabilirsiniz F5, Chrome uygulamanızı ve konsol sekmesini de açar.


1

Evet, bunu yapmanın bir yolu var

  1. Sağ tıklama-> Denetleme-> kaynaklar (sekme)

  2. Sağınıza doğru bir "komut dosyası yürütme işlemini duraklat düğmesi" olacak Bu bağlantı tarafından yönlendirilen görüntüde vurgulanan düğme, ihtiyaca göre duraklatılabilen veya oynatılabilen komut dosyası yürütme düğmesidir.

Umarım yardımcı olur! Barış

  • Not: Bu ilk kez. İkinci defadan itibaren geliştirici aracı otomatik olarak yüklenir


-6

Geliştirici Araçlarını ( F12Chrome'da) clicking three, vertical dotssağ alt köşede yeni pencerede açabilir ve seçeneğini belirleyebilirsiniz Open as Separate Window.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.