פּראָגרעסיוו ענהאַנסעמענט

וועב בראַוזערז האָבן שוין אַרום לאַנג ווי וועבסיטעס האָבן. אין פאַקט, בראַוזערז זענען אַ יקערדיק ינגרידיאַנט אין די דערפאַרונג אָדער מענטשן וואָס ווייזן דיין פּלאַץ - אָבער ניט אַלע בראַוזערז זענען באשאפן גלייַך. עס איז לעגאַמרע מעגלעך (און פאקטיש פערלי מיסטאָמע) צו קאַסטאַמערז צו ווייַזן דיין וועב בלעטער אין בראַוזערז וואָס זענען גאָר אַלט און פעלנדיק די פֿעיִקייטן וואָס זענען געפונען אין מער מאָדערן בראַוזערז. דעם קענען פּאַסירן באַטייַטיק פראבלעמען ווי איר שטרעבן צו אַנטוויקלען וועבסיטעס אַז נעמען מייַלע פון די לעצט אַדוואַנסיז אין וועבזייַטל פּלאַן און אַנטוויקלונג . אויב עמעצער קומט צו דיין פּלאַץ ניצן איינער פון די אַנטיקוועד בראַוזערז, און דיין לעצט אַוואַנסירטע טעקניקס טאָן ניט אַרבעט פֿאַר זיי, איר קען זיין דעליווערינג אַ אָרעם דערפאַרונג קוילעלדיק. פּראָגרעסיוו ענכאַנסמאַנט איז אַ סטראַטעגיע פון ​​האַנדלינג וועב זייַטל פּלאַן פֿאַר פאַרשידענע בראַוזערז, ניימלי די אַלט בראַוזערז וואָס זענען נישט אין מאָדערן שטיצן.

פּראָגרעסיוו ענכאַנסמאַנט איז אַ וועג פון דיזיינינג וועב זייַטלעך אַזוי אַז די מער פֿעיִקייטן אַ באַניצער אַגענט שטיצט, די מער פֿעיִקייטן וואָס די וועבזייטל וועט האָבן. עס איז דער פאַרקערט פון די פּלאַן סטראַטעגיע באקאנט ווי גראַציעז דערנידעריקונג . אַז סטראַטעגיע בויען בלעטער פֿאַר די מערסט מאָדערן בראַוזערז ערשטער און דעמאָלט ינשורז אַז זיי אויך אַרבעט ריזיקירן געזונט מיט ווייניקער פאַנגקשאַנאַל בראַוזערז - אַז די דערפאַרונג "דיגריידז גרייספאַלי." פּראָגרעסיוו ענכאַנסמאַנט סטאַרץ מיט די ווייניקער טויגעוודיק בראַוזערז ערשטער און בויען אַ דערפאַרונג אַרויף פון דאָרט.

ווי צו נוצן פּראָגרעסיוו ענהאַנסעמענט

ווען איר שאַפֿן אַ וועב פּלאַן ניצן פּראָגרעסיוו ענכאַנסמאַנט, דער ערשטער זאַך איר וועט טאָן איז צו שאַפֿן אַ פּלאַן וואָס אַרבעט פֿאַר די לאָואַסט פּראָסט דענימינאַטאָר פון וועב בראַוזערז. אין זייַן האַרץ, פּראָגרעסיוו ענכאַנסמאַנט זאגט אַז דיין אינהאַלט זאָל זיין בנימצא צו אַלע וועב בראַוזערז, ניט נאָר אַ סאַב-סעטט.טהיס איז וואָס איר אָנהייבן צו שטיצן די אַלט, אַוטדייטיד, און ווייניקער טויגעוודיק בראַוזערז.אויב איר שאַפֿן אַ פּלאַץ וואָס אַרבעט געזונט פֿאַר זיי, איר וויסן איר האָבן באשאפן אַ באַסעלינע אַז זאָל צושטעלן בייַ מינדסטער אַ נוציק דערפאַרונג צו אַלע וויזאַטערז.

ווען סטאַרטינג מיט די קלענסטער טויגעוודיק בראַוזערז ערשטער, איר וועט וועלן צו ענשור אַז אַלע דיין HTML זאָל זיין גילטיק און סעמאַנטיקלי ריכטיק. דעם וועט העלפֿן צו ענשור אַז די וויידאַסט פאַרשיידנקייַט פון באַניצער אגענטן קענען זען דעם בלאַט און ווייַזן עס אַקיעראַטלי.

געדענקט אַז וויסואַל פּלאַן סטיילז און קוילעלדיק בלאַט אויסלייג איז צוגעגעבן דורך ניצן פונדרויסנדיק נוסח שיץ . דעם איז טאַקע ווו די פּראָגרעסיוו ענכאַנסמאַנט כאַפּאַנז. איר נוצן די נוסח בלאַט צו מאַכן אַ וועבזייטל פּלאַן וואָס אַרבעט פֿאַר אַלע וויזאַטערז. איר קענען דעריבער לייגן נאָך סטיילז צו פֿאַרבעסערן די בלאַט ווי די באַניצער אגענטן געווינען פאַנגקשאַנאַליטי. אַלעמען האָט די באַסעלינעס סטיילז, אָבער פֿאַר קיין נייַעס בראַוזערז וואָס קענען שטיצן די מער אַוואַנסירטע און מער מאָדערן סטיילז, זיי באַקומען עטלעכע עקסטרע. איר "פּראָגרעסיוו פֿאַרבעסערן" די בלעטער פֿאַר בראַוזערז וואָס קענען שטיצן די סטיילז.

עס זענען אַ ביסל וועגן אַז איר קענען צולייגן פּראָגרעסיוו ענכאַנסמאַנט. ערשטער, איר זאָל באַטראַכטן וואָס אַ בלעטערער טוט אויב עס טוט נישט פֿאַרשטיין אַ שורה פון קסס - עס יגנאָרז עס! דאס פאקטיש אַרבעט אין דיין טויווע. אויב איר שאַפֿן אַ באַסעלינע שטעלן פון סטיילז אַז אַלע בראַוזערז פֿאַרשטיין, איר קענען דעריבער לייגן נאָך סטיילז פֿאַר נייַע בראַוזערז. אויב זיי שטיצן די סטיילז, זיי וועלן צולייגן זיי. אויב נישט, זיי וועלן איגנאָרירן זיי און נאָר נוצן די באַסעלינע סטיילז. א פּשוט בייַשפּיל פון פּראָגרעסיוו ענכאַנסמאַנט קענען זיין געזען אין דעם קסס:

.מאַין-אינהאַלט {
הינטערגרונט: # 999;
הינטערגרונט: רגבאַ (153,153,153, .75);
}

דעם נוסח ערשטער שטעלט די הינטערגרונט צו אַ גריייש קאָלירן. די רגע באַפעל ניצט RGBA קאָליר וואַלועס צו שטעלן אַ מדרגה פון דורכזעיקייַט. אויב אַ בלעטערער שטיצט RGBA, עס וועט אָווועררייד די ערשטער נוסח מיט די רגע. אויב עס טוט נישט, נאָר דער ערשטער איינער וועט זיין געווענדט. איר האָבן באַשטימט אַ באַסעלינע פֿאַרב און דעמאָלט צוגעלייגט עקסטרע סטיילז פֿאַר מער מאָדערן בראַוזערז.

ניצן פיטשער קוועריעס

אן אנדער וועג איר קענען צולייגן פּראָגרעסיוו ענכאַנסמאַנט איז צו נוצן וואָס זענען באקאנט ווי "שטריך קוויריז". די זענען ענלעך צו מעדיע קוויריז , וואָס זענען אַ יקערדיק שטיק פון אָפּרופיק וועבזייַטל דיזיינז . בשעת מעדיע קוויריז טעקסט פֿאַר זיכער פאַרשטעלן סיזעס, שטריך קוויריז וועט טשעק צו זען אויב אַ זיכער שטריך איז געשטיצט אָדער נישט. דער סינטאַקס איר וואָלט נוצן איז:

@supports (ווייַז: פלעקס) {}

קיין סטיילז וואָס איר האָט אַרייַנגערעכנט ין דעם פונט וואָלט נאָר אַרבעט אויב דעם בלעטערער געשטיצט "פלעקס", וואָס איז די סטיילז פֿאַר פלעקסבאָקס. איר קען שטעלן אַ גאַנג פון כּללים פֿאַר אַלעמען, און דעמאָלט נוצן שטריך קוויריז צו לייגן עקסטרע פֿאַר סעלעקטירן בראַוזערז בלויז.

אָריגינעל אַרטיקל דורך דזשענניפער קרינן. Edited by Jeremy Girard on 12/13/16.