Otomatik bağlantı özelliğini kullanarak yapay zeka aracınızı doğrudan etkin tarayıcı örneğinize bağlayın. Bu sayede, mevcut sekmelerinizi, tarayıcı uzantılarınızı ve canlı uygulama durumunuzu devralarak ajanınızın sandbox sınırlamalarını atlamasına olanak tanırsınız.
İş akışı bağlamınızı devraldığınızda, oturum verilerini kaybetmeden kod yazmaktan canlı tarayıcı durumunuzda hata ayıklamaya geçebilirsiniz. Bu özellik, belirli bir uygulama durumuna (ör. karmaşık bir ödeme adımları veya manuel olarak yeniden üretilen bir hata) ulaştığınızda ve bu adımları manuel olarak yeniden yürütmeden temsilcinizin teknik incelemeyi devralmasını istediğinizde kullanışlıdır.
Otomatik bağlantıyı etkinleştirmeden önce aşağıdakileri göz önünde bulundurun:
- Güvenlik ve gizlilik: Otomatik bağlantı etkin olduğunda temsilciniz, açık sekmeler, oturum depolama, yerel depolama, çerezler ve JavaScript API'leri aracılığıyla sunulan diğer veriler de dahil olmak üzere tarayıcı profilinizdeki tüm verilere erişebilir.
- Veri gizliliği güvencesi: Aracı sunucusu için Chrome Geliştirici Araçları yerel bir işlemdir ve tarayıcı verilerinizi, oturum jetonlarınızı veya telemetri verilerinizi Google'a göndermez.
- Güven ve istemler: Bu modu yalnızca güvendiğiniz aracılarla kullanın ve istemlere eklediğiniz bilgilere dikkat edin.
Ön koşullar
Otomatik bağlanma özelliğini kullanmadan önce aşağıdakilere sahip olduğunuzdan emin olun:
- Chrome 144 ve sonraki sürümler: Otomatik bağlantı için Chrome'un mevcut sürümlerinde bulunan modern hata ayıklama protokolleri gerekir.
- Doğru Chrome kanalı: Aracınız varsayılan olarak Chrome'un kararlı sürümüne bağlanır. Canary veya Beta'yı kullanmak için yapılandırmanızda kanalı belirtin.
- Uzaktan hata ayıklama etkinleştirildi: Tarayıcınız ile ajan arasındaki köprüyü manuel olarak etkinleştirin.
- Doğru yapılandırma: MCP yapılandırmasını
--autoConnectişaretini içerecek şekilde güncellemeniz gerekir.
Otomatik bağlanmayı ayarlama
MCP sunucunuzda otomatik bağlantı özelliğini yapılandırmak için aşağıdakileri yapın:
- Çalışan Chrome tarayıcınızda
chrome://inspect/#remote-debuggingsimgesine gidin ve uzaktan hata ayıklamayı etkinleştirin. MCP yapılandırmanızı
--autoConnectişaretini içerecek şekilde güncelleyin:{ "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["chrome-devtools-mcp@latest", "--autoConnect"] } } }Temsilcinizden açık Chrome uygulamanızla etkileşim kurmasını isteyin. Chrome oturuma izin vermek için izin istediğinde İzin ver'i tıklayın.
Ajanınız artık çalışan Chrome uygulamanızla etkileşim kurmak için MCP sunucusunu kullanıyor.
Otomatik bağlanma kullanım alanları
Otomatik bağlantı, korumalı alan Chrome oturumlarında kullanılamayan araçları veya durumları kullanmanıza olanak tanır. Örneğin, temsilcinizden oturum açmasını istemek yerine (bu işlem genellikle başarısız olur) sayfaya kendiniz gidip oturum açabilirsiniz. Ardından, temsilcinizden devralmasını isteyin.
Aşağıdaki bölümlerde, otomatik bağlantı özelliğinin kullanım alanlarına ilişkin bazı örnekler verilmiştir.
Kimliği doğrulanmış kontrol panellerinde hata ayıklama
Dahili araçlar ve özel kontrol panelleri genellikle karmaşık tek oturum açma (TOA) veya sanal özel ağ (VPN) katmanlarının arkasında yer alır. Korumalı alan tarayıcı genellikle, temsilcinizin atlayamayacağı bir oturum açma işlemi gerektirir. Otomatik bağlantı özelliği sayesinde temsilciniz, etkin oturumunuzu devralır.
Örnek istem:
I have my company's staging dashboard open in the next tab. Can you look at the
User Analytics chart, find the SVG element for the Friday data point, and tell
me why the tooltip isn't appearing on hover?
Örnek aracı yürütme: Aracınız mevcut Chrome işleminizi tanımlar, etkin sekmeyi bulur ve öğeleri bulmak için erişilebilirlik ağacını inceler. Ayrıca, belirli çakışmaları değerlendirmek için JavaScript API'leri de kullanabilir.
Mevcut sekmenizi anında düzeltme
Hataları manuel olarak yeniden üretmekten kaçının. Üretim adımlarını, korumalı alan aracısı için yeni bir isteme çevirmek yerine aracınızdan hatayı, daha önce karşılaştığınız etkin sayfada düzeltmesini isteyebilirsiniz.
Örnek istem:
Look at the current page. The Submit button overlaps with the footer on this
screen size. Generate a fix for the layout and verify it by injecting the CSS
directly into this tab.
Örnek ajan yürütme: Ajanınız, etkin pencerenize bağlı olduğundan düzeninizi analiz eder ve düzeltmeyi anında uygular. Kaynak kodu güncellemeden önce düzeltmenin çalıştığını onaylayan, ekranınızda hareket eden düğmeyi görürsünüz.