跳到主要內容

Auto completion problem on Firefox or Chrome

Problem

瀏覽器提供自動輸入的功能,如果是在登入畫面,就非常方便。如果是在修改資料的地方,就不一定這麼方便了。舉例來說,像新增使用者的功能,使用者預期的帳號密碼應該是空的,但瀏覽器卻會幫你填入它所記載的帳號密碼。

How to?

網路上提供的作法不乏是加入autocomplete=“off”,

<input type="text" autocomplete="off" name="name"/>
<input type="password" autocomplete="off" name="password"/>

根據參考1與我測試結果(Firefox 16.0),會有兩種可能:

  1. 阻止瀏覽器記錄表單欄位內容,對相似表單提供自動完成功能。
  2. 阻止瀏覽器從Session內容記錄表單內容,對相同頁面提供自動完成功能。

而在記錄完成後,針對有加入autocomplete=“off”的表單或欄位,就不會執行自動完成。然而這個作法,根據參考一與自行在Firefox 42.0上測試,並不適用於Firefox(since version 38)、Google Chrome (since 34)與Internet Explorer (since version 11)。這是為了讓user選擇一個夠強健的密碼,又避免忘記密碼,因此各新版瀏覽器預設都提供了帳號密碼管理功能,而選擇忽略此屬性。

所以最後試驗了參考2的做法,只要加入隱藏的input,就可以避免瀏覽器將帳號密碼填到你不想出現的地方。

<input type="text" style="display: none"/>
<input type="password" style="display: none"/>
<input type="text" autocomplete="off" name="name"/>
<input type="password" autocomplete="off" name="password"/>

經過測試,推測這方法是要讓自動完成輸入到隱藏欄位又或者是打亂瀏覽器自動完成的layout偵測。(參考2有一個透過javascript的解法,但我認為它是來亂的)

此外,我想到如果這是由瀏覽器自行填入的,那是不是代表著: HTML中藏著密碼? 因此透過Firefox的開發者工具列發現的確如此:


因此我多設定value去避免此問題:
<input type="password" style="display: none" value=" "/>

後記

  • 2016-04-11 發現chrome上無效,但可以透過autocomplete=“new-password”解決。
  • 新解法: link

Reference

留言

這個網誌中的熱門文章

PostgreSQL - Unattended installation on windows

Introduction 要將別人軟體包裝到自己軟體中,不可或缺的東西就是Unattended installation。以Unattended installation來說,我們可以選擇透過Installer的silent mode安裝,也可以透過把目標軟體做成portable的版本。本篇文章分享這兩種方法,教導大家如何將PostgreSQL透過Unattended installation方式安裝到目標系統成為service。 Note. 本篇以PostgreSQL 10.7為例。 Install with installer Tips 安裝程式或反安裝程式的參數,除了可以直接上官網搜尋Installation User Guide以外,也可以直接使用help參數查詢: postgresql- 10.7 - 2 -windows-x64.exe --help Windows安裝程式主要有EnterpriseDB與BigSQL兩種。BigSQL版本安裝元件是透過網路下載且支援參數不如EnterpriseDB版本多,以我們需求來說,我們傾向於使用EnterpriseDB版本。接下來分享給大家安裝與反安裝方法。 Installation @ echo off set INSTALL_DIR =C:\postgres10 set INSTALLER =postgresql- 10.7 - 2 -windows-x64.exe   rem options for installation set SSMDB_SERVICE =postgresql- 10 set MODE =--unattendedmodeui none --mode unattended   set DB_PASSWD =--superpassword postgres set DB_PORT =--serverport 5432   set SERVICE_NAME =--servicename % SSMDB_SERVICE %   set PREFIX =--prefix "%INSTALL_DIR%" set DATA_DIR =--datadir "%INSTALL_DIR%\data"   set OPTIONS =

How to install RIDE on Windows?

Introduction 多年沒在Windows上開發RobotFramework,趁著這次整理一下RIDE安裝方法。 目前RIDE最新版本與Python對應版本如下: (3.6 < python <= 3.11) Install current released version (2.0.8.1) with: pip install -U robotframework-ride 安裝Python 直接到Python官網找尋最新的3.11版本,我使用3.11.9: link 。安裝就是一直下一步而已。 安裝wxPython 每次安裝RIDE最困難的都是wxPython。看了一下 官網 描述,我就姑且相信一下: 接著進入下 載頁面 就有安裝教學。基本上就是到Python目錄下的Scripts直接執行以下command: pip install -U wxPython 安裝RIDE 接著就如RIDE官網所說,執行以下command: pip install -U robotframework-ride 啟動RIDE 直接在相同目錄下執行ride就可以啟動了,你也可以直接在桌面建ride連結,加快下次啟動時間。 沒想到這次這麼順利就安裝完成了。因為我是使用java去啟動robot framework,就不特別講要怎麼使用pip安裝robot framework了。

Hello World!

即將要搬家,因此舊網頁內容將慢慢轉移至Blogger。 如果要存取舊網頁,可以使用以下連結: https://wiki.tonylin.idv.tw/dokuwiki/doku.php