In Google Chrome, qual è l'estensione api per la modifica di UserAgent e Device Metrics?

Question

In Google Chrome, quando si visualizzano gli strumenti per gli sviluppatori, in basso a destra è presente un'icona a forma di ingranaggio che apre un'ulteriore finestra popup Impostazioni. Una delle pagine nel menu Impostazioni è Overrides che contiene le impostazioni User Agent e Device Metrics. Sto cercando di trovare l'API delle estensioni che è in grado di impostare questi valori in modo programmatico. Esiste una tale API?

Ho guardato il main apis e il experimental apis, ma non riesco a trovare nulla.

L'esempio di devtools.panels nel numero code samples non sembra indicare come "esplorare" i pannolini esistenti.

In particolare, sto cercando di creare un'estensione semplice disponibile da un menu di scelta rapida in un'azione del browser. Agirebbe come un commutatore di user-agent, offrendo scelte dallo stesso elenco nel popup delle impostazioni e imposta automaticamente le metriche del dispositivo sui valori dell'agente selezionato. per esempio. 640x960 per IPhone 4.

Qualche pista su come accedere programatically Impostazioni popup

Answer 1

Alcune delle funzionalità avanzate offerte dagli strumenti di sviluppatori si può accedere attraverso il chrome.debugger API (aggiungere l'autorizzazione debugger al file manifesto) .

L'agente utente può essere modificata utilizzando il comando Network.setUserAgentOverride:

// Assume: tabId is the ID of the tab whose UA you want to change 
// It can be obtained via several APIs, including but not limited to 
// chrome.tabs, chrome.pageAction, chrome.browserAction, ... 

// 1. Attach the debugger 
var protocolVersion = '1.0'; 
chrome.debugger.attach({ 
    tabId: tabId 
}, protocolVersion, function() { 
    if (chrome.runtime.lastError) { 
     console.log(chrome.runtime.lastError.message); 
     return; 
    } 
    // 2. Debugger attached, now prepare for modifying the UA 
    chrome.debugger.sendCommand({ 
     tabId: tabId 
    }, "Network.enable", {}, function(response) { 
     // Possible response: response.id/response.error 
     // 3. Change the User Agent string! 
     chrome.debugger.sendCommand({ 
      tabId: tabId 
     }, "Network.setUserAgentOverride", { 
      userAgent: 'Whatever you want' 
     }, function(response) { 
      // Possible response: response.id/response.error 
      // 4. Now detach the debugger (this restores the UA string). 
      chrome.debugger.detach({tabId: tabId}); 
     }); 
    }); 
}); 

La documentazione ufficiale per i protocolli e comandi supportati può essere trovato here. Al momento della scrittura, non c'è documentazione per la modifica delle metriche del dispositivo. Tuttavia, dopo aver scavato nel codice sorgente di Chromium, ho scoperto un file che definisce tutti i comandi attualmente conosciuti:

• cromo/src/out/Debug/obj/gen/WebCore/InspectorBackendDispatcher.cpp

Quando guardo attraverso l'elenco delle definizioni, trovo lo Page.setDeviceMetricsOverride. Questa frase sembra corrispondere le nostre aspettative, quindi cerchiamo di cercare ulteriormente, per scoprire come usarlo:

• Chromium code search: "Page.setDeviceMetricsOverride"

Questo produce "chromium/src/out/Release/obj/gen/devtools/DevTools.js" (migliaia di linee). Da qualche parte, c'è una linea che definisce (abbellito):

InspectorBackend.registerCommand("Page.setDeviceMetricsOverride", [{ 
    "name": "width", 
    "type": "number", 
    "optional": false 
}, { 
    "name": "height", 
    "type": "number", 
    "optional": false 
}, { 
    "name": "fontScaleFactor", 
    "type": "number", 
    "optional": false 
}, { 
    "name": "fitWindow", 
    "type": "boolean", 
    "optional": false 
}], []); 

Come leggere questo? Beh, usare la vostra immaginazione:

chrome.debugger.sendCommand({ 
    tabId: tabId 
}, "Page.setDeviceMetricsOverride",{ 
    width: 1000, 
    height: 1000, 
    fontScaleFactor: 1, 
    fitWindow: false 
}, function(response) { 
    // ... 
}); 

Ho provato questo in Chrome 25 con il protocollo versione 1.0, e funziona: la scheda in fase di debug viene ridimensionato. Sìì!