Otomatik bağlantı özelliğiyle yapay zeka aracınızı kişisel tarayıcınıza bağlama

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 aracı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 oluşturulan bir hata) ulaştığınızda ve temsilcinizin bu adımları manuel olarak yeniden yürütmeden teknik incelemeyi devralmasını istediğinizde kullanışlıdır.

Otomatik bağlanma özelliğini 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 alanı, yerel depolama alanı, çerezler ve JavaScript API'leri aracılığıyla sunulan diğer veriler dahil olmak üzere tarayıcı profilinizdeki tüm verilere erişebilir.
  • Google'a gönderilen veriler: Ajanlar için Chrome Geliştirici Araçları sunucusu yerel bir işlem olarak çalışır. Ancak varsayılan olarak, bağlantı modundan bağımsız olarak Google'a aşağıdaki verileri gönderir:

    • Araç çağırma başarı oranları, gecikme ve ortam bilgileri gibi kullanım istatistikleri. Kapsam dışında kalmayı seçmek için --no-usage-statistics işaretini kullanın veya CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS ortam değişkenini ayarlayın.
    • Gerçek kullanıcı deneyimi verilerini almak için Chrome UX Report (CrUX) API'ye gönderilen performans izlerindeki URL'ler. Kapsam dışında kalmayı seçmek için --no-performance-crux işaretini kullanın.

    Daha fazla bilgi için Güvenlik ve gizlilik seçenekleri başlıklı makaleyi inceleyin.

  • 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 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 etkin: Tarayıcınız ile temsilci arasındaki köprüyü manuel olarak etkinleştirin.
  • Doğru yapılandırma: MCP yapılandırmasını --autoConnect işaretini içerecek şekilde güncellemeniz gerekir. Ayrıntılar için Yapılandırma bölümüne bakın.

Otomatik bağlanmayı ayarlama

MCP sunucunuzda otomatik bağlantı özelliğini yapılandırmak için aşağıdakileri yapın:

  1. Çalışan Chrome Tarayıcınızda chrome://inspect/#remote-debugging adresine gidin ve uzaktan hata ayıklamayı etkinleştirin.
  2. MCP yapılandırmanızı --autoConnect işaretini içerecek şekilde güncelleyin:

    {
      "mcpServers": {
        "chrome-devtools": {
          "command": "npx",
          "args": ["chrome-devtools-mcp@latest", "--autoConnect"]
        }
      }
    }
    

    Kullanım istatistiklerinin ve performans izleme URL'lerinin Google'a gönderilmesini devre dışı bırakmak için --no-usage-statistics ve --no-performance-crux işaretlerini de args'ye ekleyin.

  3. Aracınızdan, açık Chrome uygulamanızla etkileşime girmesini isteyin. Chrome oturuma izin vermenizi istediğinde İzin ver'i tıklayın.

Aracınız artık çalışan Chrome uygulamanızla etkileşim kurmak için MCP sunucusunu kullanıyor. Yapılandırma seçenekleri hakkında daha fazla bilgi için Yapılandırma kılavuzu'na bakın.

Otomatik bağlantı için kullanım alanları

Otomatik bağlantı, korumalı alana alınmış 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 görevi 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ıları genellikle ajanınızın atlayamayacağı bir oturum açma işlemi gerektirir. Otomatik bağlantı 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 temsilci yürütme: Temsilciniz 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'lerini de kullanabilir.

Mevcut sekmenizi anında düzeltme

Hataları manuel olarak yeniden oluşturmaktan kaçının. Üretim adımlarını korumalı alan aracısı için yeni bir isteme çevirmek yerine, aracınızdan hatayı zaten 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 temsilci yürütme: Etkin pencerenize bağlı olduğu için temsilciniz düzeninizi analiz eder ve düzeltmeyi anında uygular. Kaynak kodu güncellemeden önce düzeltmenin çalıştığını onaylamak için ekranınızda hareket eden düğmeyi görürsünüz.