Lycolog

iOS Safari向けのinputやtextareaを実装するときにmaxlengthが効かない問題のメモ

maxlength

• 古いiOS Safariでは効かない模様
• iOS 18.6.2のSafari 18.6では効いていることを確認
• onInput()でstring.slice(0, maxlength)するとIMEの挙動が可笑しくなる
  • type="tel"など日本語が入力できない場合であれば有効
• オートコンプリートやコピペ入力での字切れなどもあるため、根本的に使わないことが望ましい

type="number"

• iOS Safariでは期待した動作にはならない
  • IMEが有効になり、全角入力が発生する
• iOS 18.6.2, Safari 18.6でも挙動は変わらず
• 使うならtype="tel"を使い、JSで数字以外の入力を弾くのが無難
• 恐らく普及ブラウザの全てで半角入力を強制出来、スマホなどではNumPadが出てくる
  • アルファベットやハイフンなどの記号も打てるので必要に応じた入力制御が必要

あとがき

iOS SafariのバージョンはiOS側に一定の依存があるらしく調べるのが手間だった。とりあえずUserAgentから抜いた値で確認している。

参考

"maxlength" | Can I use... Support tables for HTML5, CSS3, etc

CentOS 6.6で確認

install

パッケージマネージャーで入れられるならそれに越したことはない

wget https://storage.googleapis.com/golang/go1.9.linux-amd64.tar.gz
tar vzfx go1.9.linux-amd64.tar.gz
sudo mv go /usr/local/

PATHを通す

# goの実行パスとGOPATH(~/go/bin)をPATHに指定する
# GOPATHはglobalなnpm_modulesみたいなもんだと思う
export PATH=$PATH:/usr/local/go/bin:~/go/bin

手順

1. xrdpが入っていなければxrdpをインストール
   1. Desktop版なら最初から入ってた気もする
2. 3389ポートを開ける
   1. sudo ufw allow 3389
3. オートログインを殺す
   1. sudo sed -ie 's/AutomaticLoginEnable=true/AutomaticLoginEnable=false/' /etc/gdm3/custom.conf
4. あとは再起動してWindowsのリモートデスクトップから繋げて画面が映ればOK
   1. sudo reboot

トラブルシューティング

接続したけど画面が真っ暗

pkill gnome-sessionでログインセッションを殺す

左にあるDockが表示されない・設定に外観がない・その他物理接続時とデスクトップの表示が異なる

sudo nano /etc/xrdp/startwm.shして以下の内容を追記する

export DESKTOP_SESSION=ubuntu
export GNOME_SHELL_SESSION_MODE=ubuntu
export XDG_CURRENT_DESKTOP=ubuntu:GNOME

確認環境

手順

1. nginx.confを開きFastCGI server listening on 127.0.0.1:9000辺りに次の設定をする

location ~ \.php$ {
    root           html;
    fastcgi_pass   127.0.0.1:9000;
    fastcgi_index  index.php;
    fastcgi_param  SCRIPT_FILENAME  C:/nginx/html/$fastcgi_script_name;
    include        fastcgi_params;
}

1. 設定したフォルダに.phpファイルを配置
2. nginxを起動
3. php-cgi.exe -b 127.0.0.1:9000
4. .phpファイルにアクセス

サービス化する

• winswを使うとできるらしい

• %HOMEPATH%.ssh\configに以下のように設定すると踏み台サーバーを経由したSSH接続が可能
  • 設定は踏み台には証明書認証があるが、宛先にはないケースを想定
• ssh target-host.devとすると踏み台経由でアクセス可能
  • ProxyCommandではssh.exeをフルパスで記述する必要がある

# Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host proxy.ssh-host.dev
  HostName proxy.ssh-host.dev
  User foo
  IdentityFile C:\Users\user-name\.ssh\id_rsa
  ForwardAgent yes
Host target-host.dev
  Hostname target-host.dev
  User bar
  ProxyCommand C:\Windows\System32\OpenSSH\ssh.exe -l %r -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null proxy.ssh-host.dev -W %h:%p