ClientRects fingerprint គឺជាអ្វី? មគ្គុទ្ទេសក៍ត្រួតពិនិត្យភាពផ្គូផ្គងបរិយាកាសពហុគណនី

សេចក្ដីសន្និដ្ឋានសំខាន់៖ ទំព័រត្រួតពិនិត្យអាន ClientRects ពីប្រអប់ layout នៃធាតុគេហទំព័រ ដែលជាក្រុមទំហំ និងពិង្កាមានចំណុចទសភាគ។ នៅពេលបរិយាកាសពីរអានមិនត្រូវគ្នា មូលហេតុចម្បងគឺការបកប្រែអក្សរ ការពង្រីកអេក្រង់ ឬភាពខុសគ្នានៃប្រព័ន្ធ។ វាជាផ្នែកមួយនៃភាពផ្គូផ្គងបរិយាកាស បិទដាច់ដោយឡែកមិនបានទេ វិធីដោះស្រាយគឺជ្រើសរើសរបៀបក្នុងការកំណត់ fingerprint រួចផ្ទៀងផ្ទាត់ជាក់ស្តែង។

«ពិនិត្យភាពផ្គូផ្គងដល់កម្រិត fingerprint ហើយ តម្លៃ ClientRects របស់បរិយាកាសពីរមិនដូចគ្នា។» ឬដូច្នេះច្រាស់មកវិញ៖ ជួរនេះនៅលើទំព័រត្រួតពិនិត្យត្រូវសម្គាល់ពណ៌លឿង ហើយអ្នកមិនដឹងថាវាមានបញ្ហាឬអត់។ ចំណុចរួមនៃសំណួរប្រភេទនេះគឺ ឈ្មោះប៉ារ៉ាម៉ែត្រធ្លាប់ឃើញហើយ ប៉ុន្តែវាវាស់អ្វី និងការកែវានឹងប៉ះពាល់អ្វីខ្លះ នៅតែមិនច្បាស់។

អត្ថបទនេះឆ្លើយតាមលំដាប់ពិនិត្យចំណោទចំនួន៤យ៉ាង។ តម្លៃនេះជាអ្វី ហេតុអ្វីបរិយាកាសពីរមិនត្រូវគ្នា វាមានន័យដូចម្ដេចក្នុងភាពផ្គូផ្គងបរិយាកាស និងការកំណត់ ពិសោធន៍វាដូចម្ដេចក្នុង MostMate ដែលជា fingerprint browser។ MostMate រៀបចំបរិយាកាសកម្មវិធីរុករកដាច់ដោយឡែកពីគ្នាមួយសម្រាប់គណនីនីមួយៗ ហើយ ClientRects ជាធាតុមួយក្នុងការកំណត់ fingerprint។

ClientRects fingerprint ពិតជាអ្វី

និយាយក្នុងប្រយោគតែមួយ៖ ClientRects fingerprint វាស់ពិង្កាយ៉ាងជាក់លាក់នៃធាតុនៅលើទំព័រ។ ហៅ getBoundingClientRect() អាចយកទំហំរបស់ធាតុ និងទីតាំងធៀបនឹង viewport។ ឯកសារ MDN កំណត់ថាវាត្រឡប់ទំហំរបស់ធាតុ និងទីតាំងធៀបនឹង viewport។ ធាតុ inline ដែលដេរជួរ អានដោយ getClientRects() តែមួយចតុកោះក្នុងមួយជួរ។

ចំណុចសំខាន់គឺទម្រង់តម្លៃ។ ពិង្កាមិនមែនជាចំនួនគត់ទេ។ វាជាចំនួនទសភាគជាច្រើនខ្ទង់ ឧទាហរណ៍ 147.359375។ គេហទំព័រមិនត្រូវការសិទ្ធិអ្វីទេ។ script មួយបង្កើតធាតុលាក់ក្នុងទំព័រ បញ្ចូលអក្សរថេរ អានតម្លៃចតុកោះត្រឡប់មកវិញ ក៏ផ្គុំចេញលក្ខណៈស្គាល់មួយបាន ដោយដំណើរការទាំងមូលលាយក្នុងការគណនា layout ធម្មតា។

អ្នកប្រតិបត្តិគណនីត្រូវយកចិត្តទុកដាក់វាពីមូលហេតុបី។ វាបិទមិនបានទេ ព្រោះការគណនា layout ជាមូលដ្ឋាននៃការដំណើរការធម្មតារបស់គេហទំព័រ។ វាមានស្ថេរភាពឆ្លងសេសិន តម្លៃលើឧបករណ៍តែមួយស្ទើរតែមិនប្រែ។ វាដូចអក្សរ និងប៉ារ៉ាម៉ែត្រអេក្រង់ដែរ ជាផ្នែកនៃសេចក្ដីថ្លែងការណ៍បរិយាកាស ហើយការត្រួតពិនិត្យហានិភ័យយកវាទៅប្រៀបធៀបឆ្លង។

ហេតុអ្វីតម្លៃបរិយាកាសពីរមិនត្រូវគ្នា

ទំហំអក្សរមួយបន្ទាត់ អាស្រ័យលើខ្សែសង្វាក់តម្រៀបទាំងមូល។

• ម៉ាស៊ីនតម្រៀបអក្សរ៖ Windows, macOS, Linux នីមួយៗមានដាច់ដោយឡែក។ អក្សរដូចគ្នា តួអក្សរដូចគ្នា គណនាចន្លោះអក្សរខុសគ្នា។
• ការពង្រីកអេក្រង់៖ អេក្រង់ resolution ខ្ពស់ និងការពង្រីកប្រព័ន្ធប្ដូរកម្រិតបង្គ្រប់ ខ្ទង់ទសភាគប្រែតាម។
• ការទៅរកអក្សរជំនួស៖ អក្សរដែលទំព័រត្រូវការមិនមាន ដូរទៅអក្សរបម្រុង ទំហំប្រែតាម។
• ម៉ាស៊ីនកម្មវិធីរុករក និងការពង្រីកទំព័រ៖ core ផ្សេងគ្នាបំបែកជួរខុសគ្នា ហើយការពង្រីកទំព័រចូលដល់ layout ផ្ទាល់។

ភាពខុសគ្នាទាំងនេះមិនធំទេ មើលតែលេខមួយពុំអាចបញ្ជាក់អ្វីបានទេ។ ផ្គុំគ្នា វាអាចពណ៌នា «ឧបករណ៍នេះដំណើរការប្រព័ន្ធអ្វី rendering stack អ្វី»។ វាជាប្រភេទជិតខាងនឹង font fingerprint៖ font enumeration សួរត្រង់បញ្ជីឈ្មោះ ខណៈ ClientRects វាស់លទ្ធផល rendering ទាំងពីរអាចផ្ទៀងផ្ទាត់គ្នាទៅវិញទៅមក។ ប៉ារ៉ាម៉ែត្រទំហំកម្រិតឧបករណ៍ និង window បានសរសេរក្នុង អត្ថបទ screen resolution ហើយ ClientRects គឺជាសញ្ញាកម្រិតធាតុជាន់ក្រោមទៀត។

តម្លៃនេះដើរតួអ្វីក្នុងភាពផ្គូផ្គងបរិយាកាស

តម្លៃវានៅកន្លែង cross-validation៖ ស្វែងរកផ្នែកមួយដែលអាចផ្គូផ្គងបាន សម្រាប់សេចក្ដីថ្លែងការណ៍បរិយាកាស។ សេចក្ដីថ្លែងការណ៍ថា Windows ដាក់ជូន font ទាំងជំនុំធម្មតា ប៉ុន្តែទំហំអក្សរដែលវាស់បាន បង្ហាញរចនាបថបង្គ្រប់របស់ប្រព័ន្ធផ្សេង។ សញ្ញាពីរប៉ះទង្គ់គ្នា។ ការត្រួតពិនិត្យហានិភ័យមិនត្រូវការយល់មូលហេតុទេ គ្រាន់តែឃើញភាពមិនសមស្រប។

ការធ្វើឲ្យការកំណត់ផ្គូផ្គងគ្នា សំខាន់ជាងភាពកម្រនៃប៉ារ៉ាម៉ែត្រតែមួយ ក្នុងការត្រួតពិនិត្យ។ ពេលពិនិត្យថាតើបរិយាកាសពីរនឹងត្រូវចាត់ទុកជាមនុស្សដូចគ្នាឬមិន តម្លៃចតុកោះគួរដាក់ជាជួរប្រៀបធៀបជាមួយប្រព័ន្ធប្រតិបត្តិការ និងបញ្ជីអក្សរដែល fingerprint panel ប្រកាស។ តក្កវិជ្ជាពិនិត្យចំនួន៤វិមាត្រ គឺត្រង់សេចក្ដីថ្លែងការណ៍ឲ្យត្រូវនឹងការវាស់វែងជាក់ស្តែង។

នៅមានការប្រើមួយទៀតដែលគេមើលរំលង៖ ការពិនិត្យការពង្រីក។ រចនាបថបង្គ្រប់នៃចតុកោះអាចប្រមាណចេញកម្រិតពង្រីកបច្ចុប្បន្ននៃទំព័រ និងការកំណត់ពង្រីកប្រព័ន្ធ។ ព័ត៌មានទាំងនេះ ជាក្រុមសញ្ញាមួយទៀតដែលអាចឆ្លងកាត់ជាមួយប៉ារ៉ាម៉ែត្រអេក្រង់ដែលឧបករណ៍ប្រកាស។ ពេលលទ្ធភាពពង្រីករវាងបរិយាកាសខុសគ្នាច្រើន ភាពខុសគ្នានៃតម្លៃជារឿងធម្មតា ត្រូវផ្ទៀងផ្ទាត់ស្ថានភាពពង្រីកសិន មុននឹងសម្រេចចិត្ត។

កំណត់ដូចម្ដេចក្នុង MostMate

ក្នុងទម្រង់ការកំណត់ fingerprint របស់ MostMate ClientRects កាន់តំណែងមួយដាច់ដោយឡែក នៅជាប់ Canvas, AudioContext, SpeechVoices និងរូបភាព WebGL។ វាមានតែពីររបៀប៖ របៀប Real ត្រឡប់ការតម្រៀបពិតនៃម៉ាស៊ីននេះ របៀប Noise គឺ noise mode។

ជ្រើសរើសរបៀបតាមស្ថានភាព។ បំពេញលក្ខខណ្ឌទាំងពីរ អាចជ្រើស Real៖ ការកំណត់រចនាសម្ព័ន្ធកុំព្យូទ័រនេះ ជាការកំណត់ធម្មតារបស់ក្រុមអ្នកប្រើគោលដៅ ឧទាហរណ៍ Windows ជាមួយ font លំនាំដើម។ ទំព័រអាជីវកម្មទាមទារភាពជាក់លាក់នៃការតម្រៀបខ្ពស់ មិនអនុញ្ញាតឲ្យតម្លៃ layout ត្រូវកែប្រែ។ តម្លៃនៃរបៀប Real គឺលក្ខណៈ rendering ពិតរបស់ម៉ាស៊ីនត្រូវបង្ហាញខ្លួនដូចដើមទាំងស្រុង បើកុំព្យូទ័រដំឡើង font កម្រច្រើន លទ្ធភាពអាចស្គាល់ក៏កើនតាម។

បរិយាកាសច្រើនប្រើកុំព្យូទ័រតែមួយ ជ្រើស Noise។ តម្លៃរបស់បរិយាកាសនីមួយៗលែងចង្អុលទៅម៉ាស៊ីនតែមួយដូចគ្នា នេះជាស្ថានភាពសំខាន់របស់វា។ តម្លៃគឺត្រូវទទួលយកដែនកំណត់មួយ។ ចន្លោះតម្លៃនៃចតុកោះមានទំនាក់ទំនងគណិតវិទ្យា។ ពិង្កាប្រអប់ទាំងមូលត្រូវតែផ្គូផ្គងនឹងចតុកោះអក្សរខាងក្នុង ទំហំ string ដូចគ្នាត្រូវសមាមាត្រគ្នា។ បើ noise ធ្លាក់លើតម្លៃខ្លះតែប៉ុណ្ណោះ ទំនាក់ទំនងទាំងនេះនឹងត្រូវបំបែក ផ្ទុយមកវិញបង្កើតសញ្ញាភាពមិនសមស្របដែលងាយឃើញជាង។ ដូច្នេះបន្ទាប់ពីជ្រើសរើសរបៀប ត្រូវផ្ទៀងផ្ទាត់ជាក់ស្តែង មិនមែនកំណត់រួចហើយចាត់ទុកថាមិនមានបញ្ហាទេ។

បន្ទាប់ពីប្ដូរទៅរបៀប Noise ជួរ ClientRects ក្នុង fingerprint preview panel នឹងប្រែទៅជាតម្លៃមានលេខកូដប្រាំមួយខ្ទង់។ លេខកូដគ្រាន់តែជាស្គាល់សញ្ញានៃការកំណត់ noise ហាសពិតដែលបង្ហាញ ត្រូវបើកបរិយាកាសដំណើរការទំព័រត្រួតពិនិត្យម្ដងទើបឃើញ។

ផ្ទៀងផ្ទាត់ដូចម្ដេចបន្ទាប់ពីកំណត់

ផ្ទៀងផ្ទាត់មាន២ជំហាន។ មើលថាតម្លៃប្រែ រួចមើលភាពផ្គូផ្គង។

ជំហានទី១៖ ប្រៀបធៀបតម្លៃរវាងបរិយាកាសពីរ។ បង្កើតបរិយាកាសពីរ មួយជ្រើស Real មួយជ្រើស Noise រួចបើក ទំព័រត្រួតពិនិត្យ Client Rects របស់ BrowserLeaks នីមួយៗ។ លើម៉ាស៊ីនតែមួយ តម្លៃចតុកោះរបស់បរិយាកាស Real គួរតែដូចគ្នា។ បរិយាកាស Noise គួរខុសពី Real ហើយរវាងបរិយាកាស Noise ពីរក៏គួរមានការបែងចែកដែរ។ ពេលកត់ត្រា ផ្ចង់មើលផ្នែកចាប់ពីខ្ទង់ទី៣ ក្រោមចំណុចទសភាគ ភាពខុសគ្នាភាគច្រើនចាប់ផ្ដើមពីទីនេះ។ កត់ត្រាតម្លៃនីមួយៗរបស់បរិយាកាសទុក ជាតម្លៃគោលនៃបរិយាកាសនោះ។

ជំហានទី២៖ ត្រួតពិនិត្យភាពផ្គូផ្គង។ ប្រែត្រូវឆ្លងកាត់ការពិនិត្យ៖

• ពិសោធន៍ឡើងវិញឆ្លងសេសិន តម្លៃនៃបរិយាកាសតែមួយគួរស្ថេរ តម្លៃលោតញាប់ដោយខ្លួនវាមិនធម្មតា។
• ប្រៀបធៀបនឹងប្រព័ន្ធប្រតិបត្តិការ និងបញ្ជីអក្សរដែល fingerprint panel ប្រកាស រចនាបថ rendering ត្រូវផ្គូផ្គងបាន មិនអាចសញ្ញាមួយនិយាយ Windows សញ្ញាមួយទៀតនិយាយ macOS។
• រុករកទំព័រធម្មតាច្រើនទំព័រ ផ្ទៀងផ្ទាត់ថាការតម្រៀបគ្មានភាពខូចខាតមើលឃើញ ជាពិសេសទម្រង់ ប៊ូតុង និងអក្សរដេរជួរ។

ឆ្លងទាំងបី ទើបរួចរាល់។ ជំហានណាមិនឆ្លង ត្រឡប់ទៅការកំណត់របៀប។

សំណួរញឹកញាប់

នៅលើទំព័រត្រួតពិនិត្យ ClientRects ត្រូវសម្គាល់ក្រហម ប្រាកដជាបរិយាកាសមានបញ្ហាឬទេ?

មិនប្រាកដទេ។ មើលពីរឿងពីរសិន។ ប្រព័ន្ធ និងអក្សរដែលបរិយាកាសប្រកាស ផ្គូផ្គងនឹងរចនាបថតម្លៃដែរឬ ស្ថានភាពពង្រីកត្រូវនឹងប៉ារ៉ាម៉ែត្រអេក្រង់ដែរឬ។ ត្រង់ទាំងពីរជាធម្មតា ជួរតែមួយត្រូវសម្គាល់ក្រហម មិនចាំបាច់ភ័យទេ។ តែរចនាបថតម្លៃប៉ះទង្គ់យ៉ាងច្បាស់នឹងការប្រកាស ទើបត្រូវចូលការកំណត់ fingerprint ត្រួតពិនិត្យរបៀប។

ការកែការពង្រីករបស់កម្មវិធីរុករក ប្រែ ClientRects fingerprint ដែរឬ?

ប្រែ។ ការពង្រីកចូលដល់ layout ផ្ទាល់ ការបង្គ្រប់ចតុកោះប្រែតាម។ ប៉ុន្តែការពង្រីកជាសកម្មភាពធម្មតារបស់អ្នកប្រើទាំងអស់។ ហានិភ័យនៅកន្លែងផ្សេង៖ ស្ថានភាពពង្រីកមិនត្រូវនឹងប៉ារ៉ាម៉ែត្រអេក្រង់ដែលបរិយាកាសប្រកាស។ ផ្នែកដែលស្ថេរឆ្លងសេសិន នៅតែកំណត់ដោយ rendering stack។

ClientRects អាចបិទបានឬ?

បិទមិនបានទេ។ ការគណនា layout ជាមូលដ្ឋាននៃការដំណើរការធម្មតារបស់គេហទំព័រ ការតម្រៀប ការដាក់ទីតាំង popup ការធ្វើ animation សុទ្ធតែពឹងផ្អែកលើវា។ កម្មវិធីរុករកមិនមានកន្លែងបិទឲ្យបានទេ។ វិធីបែបវិស្វកម្មគឺកាត់បន្ថយកម្រិតភាពជាក់លាក់ មិនមែនបិទទេ។ Tor Browser បង្គ្រប់តម្លៃវាស់ ដើម្បីកាត់បន្ថយភាពខុសគ្នាដែលអាចស្គាល់បាន។

ហេតុអ្វី headless browser ងាយបង្ហាញខ្លួននៅទំហំធាតុ?

viewport លំនាំដើមនៃ headless ភាគច្រើនថេរណាស់ ហើយ rendering stack អក្សរតែមួយបែប។ ចតុកោះដែលវាស់បាន ញឹកញាប់មិនត្រូវនឹងឧបករណ៍ដែល UA របស់វាអះអាងទេ។ ការត្រួតពិនិត្យហានិភ័យយក rect ទៅឆ្លងកាត់ជាមួយប៉ារ៉ាម៉ែត្រប្រកាសផ្សេងទៀត ប្រភេទបរិយាកាសនេះងាយរើសចេញ។

សេចក្ដីបញ្ចប់

តួនាទីរបស់ ClientRects ក្នុងការពិនិត្យភាពផ្គូផ្គង ជាក់លាក់ណាស់៖ ដាក់សេចក្ដីថ្លែងការណ៍បរិយាកាស និងការតម្រៀបវាស់វែងជាក់ស្តែង មកប្រៀបគ្នា ភាពប៉ះទង្គ់គ្នាគឺជាសញ្ញា។ ទំព័រត្រួតពិនិត្យសម្គាល់ក្រហម ត្រូវប្រៀបនឹងប៉ារ៉ាម៉ែត្រប្រកាស និងស្ថានភាពពង្រីកសិន បញ្ជាក់ថាវាជាចរន្ធភាពផ្គូផ្គង ទើបចូលការកំណត់ fingerprint ដោះស្រាយ។

MostMate ដាក់ ClientRects ជាមួយប៉ារ៉ាម៉ែត្រ rendering ផ្សេងទៀត ចូលក្នុងទម្រង់ការកំណត់ fingerprint តែមួយ របៀប Real និង Noise ពីរគ្រប់គ្រងប្រភពតម្លៃ។ មុខងារពេញលេញនៃផលិតផល អាចចូលទៅ គេហទំព័រ MostMate មើលម្ដង។ បន្ទាប់ពីបង្កើតបរិយាកាសរួច ប្រើការប្រៀបធៀបពីរបរិយាកាស កត់ត្រាតម្លៃគោលទុក ច្បាស់ជាងគ្រប់គ្រឿងបច្ចេកទេសកំណត់ណាៗ។ ក៏អាច ទាញយក MostMate បង្កើតបរិយាកាសពីរ វាស់ភាពខុសគ្នារវាង Real និង Noise ដោយខ្លួនឯងម្ដង។