yetangitu/ya-webadb
1
0
Fork 0
mirror of https://github.com/yume-chan/ya-webadb.git synced 2025-10-05 02:39:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(demo): support Opera in Chrome Remote Debugging

Browse source
This commit is contained in:
Simon Chan 2023-04-13 10:17:52 +08:00
parent c6bd9e5304
commit 3a3f4b885f
No known key found for this signature in database
GPG key ID: A8B69F750B9BCEDD
1 changed files with 25 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

42
apps/demo/src/pages/chrome-devtools.tsx
View file

@ -157,22 +157,30 @@ const {
function getPopupParams(page: Page) {
const frontendUrl = page.devtoolsFrontendUrl;
const [frontendBase, params] = frontendUrl.split("?");
const script = frontendBase.startsWith(
"https://aka.ms/docs-landing-page/serve_rev/"
)
? // Edge
frontendBase
.replace(
"https://aka.ms/docs-landing-page/serve_rev/",
"https://devtools.azureedge.net/serve_file/"
)
.replace("inspector.html", "entrypoints/inspector/inspector.js")
: // Chrome
frontendBase.replace(
"inspector.html",
"front_end/entrypoints/inspector/inspector.js"
);
return { script, params };
let frontendScript: string;
if (
frontendBase.startsWith("https://aka.ms/docs-landing-page/serve_rev/")
) {
// Edge
frontendScript = frontendBase
.replace(
"https://aka.ms/docs-landing-page/serve_rev/",
"https://devtools.azureedge.net/serve_file/"
)
.replace("inspector.html", "entrypoints/inspector/inspector.js");
} else if (frontendBase.startsWith("https://devtools.opera.com/")) {
// Opera doesn't host its DevTools
// use Edge's instead
frontendScript =
"https://devtools.azureedge.net/serve_file/@de5387e0c9d4198cd2d786b4eb445a1fb74a3d18/entrypoints/inspector/inspector.js";
} else {
// Chrome
frontendScript = frontendBase.replace(
"inspector.html",
"front_end/entrypoints/inspector/inspector.js"
);
}
return { script: frontendScript, params };
}
interface Browser {
@ -195,7 +203,7 @@ const STATE = makeAutoObservable(
async function getBrowsers() {
const device = GLOBAL_STATE.device!;
const sockets = await device.subprocess.spawnAndWaitLegacy(
`cat /proc/net/unix | grep -E "@chrome_devtools_remote|@chrome_devtools_remote_[0-9]+" | awk '{print substr($8, 2)}'`
`cat /proc/net/unix | grep -E "@chrome_devtools_remote|@chrome_devtools_remote_[0-9]+|@com.opera.browser.devtools" | awk '{print substr($8, 2)}'`
);
const browsers: Browser[] = [];
for (const socket of sockets.split("\n").filter(Boolean)) {