تغيير حجم خط صفحات الويب في Safari لنظام iOS باستخدام Bookmarklets

Anonim

لقد دخل الجميع إلى صفحة ويب يكون حجم الخط فيها صغيرًا بشكل لا يطاق على جهاز iOS ، وعادةً ما تؤدي إيماءة القرص العكسي إلى جعل النص مقروءًا ولكن في بعض الصفحات ذات العرض الثابت ، يتعين عليك التمرير جانبية بالإضافة إلى أعلى وأسفل. يمكنك نوعًا ما الالتفاف حول قيود حجم الخط باستخدام ميزة Reader على iPhone أو iPad ، ولكن هذا ليس مثاليًا لكل موقع ويب أيضًا.هذا هو بالضبط ما يهدف اثنان من تطبيقات المختصرة إلى حله ، من خلال إنشاء زري زيادة وتقليل حجم الخطين يمكن الوصول إليهما مباشرة في Safari.

هذه الإضافة مفيدة للغاية لدرجة أنه من المحتمل أن يتم تضمين المفهوم في الإصدارات المستقبلية من Safari لنظام التشغيل iOS ولكن الوقت فقط هو الذي سيحدد ما إذا كان ذلك سيحدث. في هذه الأثناء ، إليك ما عليك القيام به لإنجاح هذا.

كرر هذه العملية بشكل منفصل لكل من وظائف الزيادة والنقصان:

  1. افتح Safari على iPad أو iPhone وأنشئ إشارة مرجعية لأي صفحة
  2. اضغط على زر الإشارات المرجعية في الجزء العلوي من الشاشة واختر "تعديل"
  3. قم بتحرير الإشارة المرجعية التي تم إنشاؤها حديثًا ، وقم بتسميتها إما رمز ناقص (-) أو علامة زائد (+) واستبدل عنوان URL عن طريق لصق كود جافا سكريبت المناسب الموضح أدناه ، اعتمادًا على الوظيفة المطلوبة
  4. احفظ تغيير الإشارة المرجعية وقم بتحميل صفحة ويب جديدة ، انقر فوق الزر + أو - لاختبار تغييرات حجم الخط مباشرة. يؤدي تحديث الصفحة إلى إعادة حجم الخط إلى حجمه الافتراضي.

تصغير حجم الخط (-)

1 
"
javascript: var p=document.getElementsByTagName (&39;&39;)؛ for (i=0؛ i<p.length؛ i ++) {if (p.style.fontSize) {var s=parseInt (p .style.fontSize.replace (px،))؛} else {var s=12؛} s-=2؛ p.style.fontSize=s + px}"

" javascript: var p=document.getElementsByTagName (&39;&39;)؛ for (i=0؛ i<p.length؛ i ++) {if (p.style.fontSize) {var s=parseInt (p .style.fontSize.replace (px،))؛} else {var s=12؛} s-=2؛ p.style.fontSize=s + px} "

زيادة حجم الخط (+)

1 
"
javascript: var p=document.getElementsByTagName (&39;&39;)؛ for (i=0؛ i<p.length؛ i ++) {if (p.style.fontSize) {var s=parseInt (p .style.fontSize.replace (px،))؛} else {var s=12؛} s +=2؛ p.style.fontSize=s + px} "

" javascript: var p=document.getElementsByTagName (&39;&39;)؛ for (i=0؛ i<p.length؛ i ++) {if (p.style.fontSize) {var s=parseInt (p .style.fontSize.replace (px،))؛} else {var s=12؛} s +=2؛ p.style.fontSize=s + px} "

تعمل تعديلات الإشارات المرجعية هذه عن طريق تحرير عنوان URL للإشارة المرجعية واستبداله بجافا سكريبت يتغير في سلوك الصفحة ، وقد سمحت لنا الإشارات المرجعية المخصصة المماثلة بعرض مصدر الصفحة في iOS Safari وحتى استخدام Firebug على iOS.

يأتي هذا الحل المفيد للغاية من Marcos.Kirsch.com.mx ، الذي يوصي بوضعها في شريط الإشارات المرجعية في Safari لسهولة الوصول إليها.

تغيير حجم خط صفحات الويب في Safari لنظام iOS باستخدام Bookmarklets