שיתוף | MCP לדפדפן כרום למפתחים
-
אולי זה כבר ידוע אבל משום מה לא ראיתי על זה נושא
אני חושב שמשימוש אישי זה אחד מהכלים היפים והנוחים שיש בפיתוח אתר
ממש מלמעלה - אני עדיין בודק אותו
אבל למעשה הוא יכול לקיים כמעט כל אינטרקציה עם הדפדפן. אם זה תעבורה, שליטה על תוכן האתר, גלילה וכו'
למעשה חוסך עבודה ידנית של תיווך בין הדפדפן לIDEאני חושב שזה כלי מעולה
https://developer.chrome.com/blog/chrome-devtools-mcp?hl=he
https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main -
אולי זה כבר ידוע אבל משום מה לא ראיתי על זה נושא
אני חושב שמשימוש אישי זה אחד מהכלים היפים והנוחים שיש בפיתוח אתר
ממש מלמעלה - אני עדיין בודק אותו
אבל למעשה הוא יכול לקיים כמעט כל אינטרקציה עם הדפדפן. אם זה תעבורה, שליטה על תוכן האתר, גלילה וכו'
למעשה חוסך עבודה ידנית של תיווך בין הדפדפן לIDEאני חושב שזה כלי מעולה
https://developer.chrome.com/blog/chrome-devtools-mcp?hl=he
https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main -
@יום_שמח תן הסברים והמחשות נשמח לשמוע
הכוונה שיהיה אפשר להזיז באנר אלמנטים וכדומה להגיל לשנות?@yoel כתב בשיתוף | MCP לדפדפן כרום למפתחים:
@יום_שמח תן הסברים והמחשות נשמח לשמוע
הכוונה שיהיה אפשר להזיז באנר אלמנטים וכדומה להגיל לשנות?עד היום בניתי אתר, צד לקוח וצד שרת, והרבה פעמים לוקח זמן עד שהחיבור מצליח
או שהוספתי לחצן או כל דבר אחר. וכל פעמים הייתי צריך להעתיק את הקונסול, או תעבורת רשת וכו' לסוכן כדי להבין מה חסר או מה לא נכון
היום הוא מבצע את הבדיקות לבד.
הוא נכנס לאתר ומבצע את הקריאה ואם יש שגיאה הוא ניגש לקונסול או בודק תעבורת רשת
יכול למלאות שדות, ללחוץ על לחצנים וכו'
בעצם הכל
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}