วันพฤหัสบดีที่ 17 ธันวาคม พ.ศ. 2552

Javascript Tips : แสดงรหัสผ่าน ดูPasswordที่เป็นดอกจัน(*)ในหน้าเว็บเพจด้วย View Passwords Bookmarklet

View Passwords Bookmarklet คืออะไร

View Passwords Bookmarklet เป็น จาวาสคริปต์อีกแบบหนึ่ง ที่ยอมหรืออนุญาตให้เราสามารถทำการตั้งเป็นFavorite หรือตั้งเป็น Bookmark หรือสามารถนำโค้ดจาวาสคริปต์นั้นๆ ไปพิมพ์หรือคัดลอกลงใส่ในช่อง Address bar ของเบราเซอร์(IE, Firefox เป็นต้น) ซึ่งในตัวอย่างนี้ ช่วยให้สามารถอ่านค่า หรือแสดงค่าช่องรหัสผ่านที่ถูกแสดงเป็นดอกจัน(*) ให้เป็นตัวอักขระที่สามารถอ่านได้ หรือสามารถเขียนโค้ดจาวาสคริปต์แบบอื่นๆ ในทำนองคล้ายๆกันนี้ ได้อีกด้วย

แล้ว View Passwords Bookmarklet มันมีประโยชน์ยังไง
View Passwords Bookmarklet ช่วยให้สามารถวิวดูรหัสผ่าน แสดงPassword ที่ถูกคีย์ลงไปในหน้าเว็บเพจที่ โดยเฉพาะ ถ้าเราต้องตรวจสอบว่ารหัสผ่านที่เราคีย์ลงไปในหน้าเว็บเพจนั้นๆ ถูกต้องหรือไม่(ป้องกันการพลาด หรือโดนล็อคได้) หรือตรวจสอบการคีย์รหัสผ่าน ที่มีการคีย์รหัสผ่านซ้ำ 2 ครั้งเพื่อยันยัน ว่าตรงกันหรือถูกต้องหรือไม่ หรือรวมไปถึงหน้า Save Form จากปลั๊กอิน Extension หรือ Third party software ที่ถูก Add-in นำมาใช้บนเบราเซอร์ด้วย นั่นเอง

วิธี View Passwords Bookmarklet หล่ะ ทำยังไง
สำหรับการใช้งาน View Passwords Bookmarklet นั้น สามารถใช้ได้ 2 รูปแบบ ตามการเขียนโค้ดจาวาสคริปต์ ดังต่อไปนี้
วิธีที่ 1. คลิกที่ลิงค์ View Passwords ดูรหัสผ่าน เดี๋ยวนี้
จาวาสคริปต์โค้ด เป็นดังนี้
javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Passwords in forms on this page:\n\n" + s); else alert("There are no passwords in forms on this page.");})();

ยกตัวอย่างวิธีใช้แบบที่ 1
จากตัวอย่างหน้าล๊อกอิน ดังรูปต่อไปนี้

จากนั้นให้พิมพ์หรือคัดลอกโค้ดจาวาสคริปต์ข้างต้น ตามวิธีที่ 1. ไปใส่ลงในช่อง Address bar ดังรูป



จากนั้นกดปุ่ม Enter ที่คีย์บอร์ด ถ้าหน้าเว็บเพจนั้นๆ ที่เปิดอยู่ มีช่องรหัสผ่านอยู่ ก็จะแสดงรหัสผ่านขึ้นมา ดังรูป



วิธีที่ 2. คลิกที่ลิงค์ View Passwords ดูรหัสผ่าน เดี๋ยวนี้

จาวาสคริปต์โค้ด เป็นดังนี้
javascript:void((function(){var%20a,b;b="<"+"html>%5Cn<body>Passwords%20in%20this%20page:<p>%5Cn";(function(c){var%20d,e,f,g,h;for(d=0;d<c.length;d++){try{arguments.callee(c.frames[d]);}catch(i){}}e=c.document.forms;for(f=0;f<e.length;f++){g=e[f];for(h=0;h<g.length;h++){if(g[h].type.toLowerCase()=="password")b+=g[h].value+"<br>%5Cn";}}})(top);b+="</body>%5Cn</html>%5Cn";a=window.open("","","width=200,height=300").document;a.open();a.write(b);a.close();})())

ยกตัวอย่างวิธีใช้แบบที่ 2
จากตัวอย่างหน้าล๊อกอิน ดังรูปต่อไปนี้

จากนั้นให้พิมพ์หรือคัดลอกโค้ดจาวาสคริปต์ข้างต้น ตามวิธีที่ 2. ไปใส่ลงในช่อง Address bar ดังรูป



จากนั้นกดปุ่ม Enter ที่คีย์บอร์ด ถ้าหน้าเว็บเพจนั้นๆ ที่เปิดอยู่ มีช่องรหัสผ่านอยู่ ก็จะแสดงรหัสผ่านขึ้นมา ดังรูป



ลองนำไปใช้ดูนะครับ คิดว่าน่าจะมีประโยชน์ได้ ไม่มากก็น้อย :)

9 ความคิดเห็น:

  1. ไม่รู้รหัสผ่านต้องการสร้างรหัสผ่าน

    ตอบลบ
  2. Hurrah! After all I got a blog from where I know how to in fact obtain helpful information regarding
    my study and knowledge.

    ตอบลบ
  3. My brother suggested I may like this website.
    He was once totally right. This post actually made my day.

    You can not imagine simply how a lot time I had spent for this info!
    Thanks!

    ตอบลบ
  4. I am really impressed together with your writing abilities
    and also with the structure for your weblog. Is this
    a paid subject matter or did you customize it yourself? Anyway stay up the excellent high quality writing, it's rare to look a great blog like this one today..

    ตอบลบ
  5. Hi! Do you use Twitter? I'd like to follow you if
    that would be ok. I'm definitely enjoying your blog and look
    forward to new updates.

    ตอบลบ
  6. I would like to thank you for the efforts you have put in penning this website.
    I really hope to view the same high-grade blog posts by you in the future as well.
    In truth, your creative writing abilities
    has motivated me to get my own blog now ;)

    ตอบลบ
  7. Generally I do not learn article on blogs, however I would like to say that this write-up
    very compelled me to try and do so! Your writing style has been surprised me.
    Thank you, quite great article.

    ตอบลบ
  8. An intriguing discussion is worth comment. I
    think that you ought to write more about this subject, it might not be a taboo
    matter but typically people do not discuss these subjects.
    To the next! Cheers!!

    ตอบลบ
  9. Thanks for sharing your thoughts on javascript view passwords bookmarklet.
    Regards

    ตอบลบ