نحوه رفع مشکلات منو در حال گسترش خودکار در Tampermonkey Script

مقدمه
آیا تاکنون خود را از منوی گسترش خودکار در نمای نقشه Zillow ناامید کرده اید؟ اگر سهواً بر روی نوار جستجو آویزان شده اید و منو را گسترش داده اید ، تنها نیستید. این مسئله رایج می تواند تجربه مرور شما را مختل کند و باعث می شود حرکت به چالش کشیده شود. در این مقاله ، ما بررسی خواهیم کرد که چرا این رفتار تحریک کننده رخ می دهد و چگونه می توانید با استفاده از یک اسکریپت Tampermonkey آن را حل کنید.
درک مسئله
رابط Zillow شامل یک منوی حساس به شناور است که به طور خودکار هنگام شناور موش روی آن گسترش می یابد. این ویژگی در نظر گرفته شده است تا ناوبری را نرم تر کند ، اما اگر به طور تصادفی منو را در حالی که سعی در تعامل با عناصر مجاور دارید ، می تواند آزار دهنده شود. این منو شامل گزینه هایی مانند “خرید” ، “اجاره” ، “فروش” ، “وام گرفتن” و “پیدا کردن یک عامل” است که وقتی در نوار جستجو شناور می شوید همه بازی می شوند. متأسفانه ، این می تواند به تعامل تصادفی منجر شود و شما را از اقدامات مورد نظر خود در صفحه دور کند.
ایجاد راه حلی با Tampermonkey
برای مقابله با مسئله منوی گسترش خودکار ، می توانیم یک اسکریپت Tampermonkey سفارشی را تهیه کنیم که این منو را پنهان کند مگر اینکه به صورت دستی فعال شود. به این ترتیب ، شما کنترل بهتری بر تجربه مرور خود در Zillow خواهید داشت.
مرحله 1: Tampermonkey را نصب کنید
ابتدا اطمینان حاصل کنید که پسوند مرورگر Tampermonkey را در مرورگر وب خود نصب کرده اید. این پسوند به شما امکان می دهد اسکریپت های سفارشی را در صفحات وب تعیین شده اجرا کنید.
مرحله 2: اسکریپت خود را تنظیم کنید
- برای باز کردن داشبورد ، روی نماد Tampermonkey در مرورگر خود کلیک کنید.
- برای ایجاد اسکریپت سفارشی خود “اضافه کردن یک اسکریپت جدید” را انتخاب کنید.
در اینجا یک نسخه تصفیه شده از فیلمنامه ای که با آن کار می کنید آورده شده است:
// ==UserScript==
// @name Hide Expanding Menu Bar
// @namespace http://tampermonkey.net/
// @version 0.1
// @require https://code.jquery.com/jquery-3.6.0.min.js
// @description Hides Zillow auto-expanding menu
// @author mikmak
// @match https://www.zillow.com/*
// @grant GM_addStyle
// ==/UserScript==
const $ = window.$;
function hideExpandingMenu() {
$('.data-zg-section[data-testid="main"]').hide();
}
$(document).ready(function() {
hideExpandingMenu();
});
مرحله 3: توضیح کد
-
ابرداده: این قسمت (
// ==UserScript== ... // ==/UserScript==
) اطلاعات اساسی در مورد اسکریپت ، مانند نام و نسخه آن را ارائه می دهد. - نیاز jQuery: این فیلمنامه شامل jQuery است که به ما امکان می دهد از روشهای دستکاری دامنه مختصر استفاده کنیم.
-
عمل: عملکرد
hideExpandingMenu
بخش اصلی صفحه Zillow را بر اساس ویژگی های داده مناسب هدف قرار داده و در هنگام آماده سازی سند آن را پنهان می کند.
افکار نهایی
بعد از ایجاد و ذخیره اسکریپت ، به Zillow بروید. باید توجه داشته باشید که منوی قبلی در حال گسترش خودکار پنهان است و به شما امکان می دهد آزادانه با کادر جستجو ارتباط برقرار کنید. اگر هنوز می خواهید به منو دسترسی پیدا کنید ، یک ماشه دستی را در نظر بگیرید.
سوالات متداول
Q1: چگونه می توانم یک اسکریپت Tampermonkey موجود را ویرایش کنم؟
برای ویرایش اسکریپت Tampermonkey ، روی نام آن در داشبورد Tampermonkey کلیک کنید. می توانید تغییراتی را مستقیماً در ویرایشگر ایجاد کنید و پس از اتمام کار آنها را ذخیره کنید.
Q2: آیا می توانم فیلمنامه را به طور موقت غیرفعال کنم؟
بله ، می توانید اسکریپت را مستقیماً از داشبورد Tampermonkey بدون حذف آن خاموش یا خاموش کنید.
Q3: آیا این اسکریپت علاوه بر Zillow در وب سایت های دیگر کار خواهد کرد؟
این اسکریپت خاص برای ساختار منحصر به فرد Zillow طراحی شده است ، اما تکنیک های مشابه با اصلاح انتخاب کنندگان می توانند در وب سایت های دیگر اعمال شوند.
با دنبال کردن این مراحل ، می توانید هنگام استفاده از Zillow ، تجربه دلپذیر و کمتری را قطع کنید. به یاد داشته باشید ، اسکریپت های متناسب می توانند با از بین بردن ویژگی های ناخواسته ضمن حفظ عملکرد ضروری ، مرور شما را به میزان قابل توجهی افزایش دهند.