autofill 订阅
Autofill
信息
操作系统
未知
开发语言
开源协议
未知
Autofill
This plugin offers the ability to auto fill form. If the first parameter is an URL, the plugin will fetch the returned JSON object via AJAX. Or you can pass a pre-fetched JSON object so that no AJAX will be performed. The second parameter is an object containing other options. type - AJAX request type data - Data to be sent to the server errorTrigger - if the JSON object contains this as its key, error callback will be triggered. Useful if server side returns a custom error message mSelectCheckName - Default to false. True:  look for multiple select boxes with their name. False: look for multiple select boxes with their ID ajaxError - callback function for AJAX error error - error callback if the JSON object is empty, or contains errorTrigger as its key beforeFillForm - callback function to be executed before start filling the form beforeFill - callback function to be executed BEFORE filling a form element afterFill - callback function to be executed AFTER filling a form element complete - callback function to be executed when all form elements have been filled Basi Example with pre-fetched data var data = { username: 'peter', gender: 'M' }; $('form').autoFill(data); Full Example using AJAX: $('form').autoFill('get_data.php', { type: 'GET', // AJAX request method data: { record_id: 2 }, // Request parameters // if the JSON object contains this key, // error callback will be triggered. // Useful if server side returns a custom error message errorTrigger: 'error', // Default to false. // True:  look for multiple select boxes with their name // False: look for multiple select boxes with their ID mSelectCheckName: false, ajaxError: function(error, form) { // do something if AJAX error occurs alert(error); $(form).hide(); }, error: function(form) { // do something if error occurs alert('Unable to fill form!'); $(form).hide(); }, beforeFillForm: function(form) { // do something before start filling the form $(form).show(); }, beforeFill: function(key, value, form) { // do something BEFORE filling an element if(key == 'password') return false; // return false to skip current form element if(key == 'gender' && value == 'female') alert("OH! She's a lady!"); }, afterFill: function(key, value, form) { // do something AFTER filling an element if(value == 'blah') confirm('What are you talking about?'); if(key == 'zip' && value == '') return false; // return false to skip all pending form elements }, complete: function(processed, form) { // do something when all elements have been filled alert(processed + ' elements have been filled!'); } });
收起全文
精华内容
下载资源
问答
  • autoFill-crx插件

    2021-04-02 04:15:49
    语言:English (UK) autoFill用于使用随机值填充表单字段 autoFill用于测试人员和开发人员通过随机值填写表单(包含x个字段)以进行测试。
  • Autofill 实践

    千次阅读 2017-12-18 14:10:36
    背景  公司CD Team团队执行测试时需要填写多到10来个的表单页面,如果每个表单都靠人工一个一个去输入那势必会... Autofill 正是一个只需要前期简单配置,便可以辅助填写表单的Chrome 浏览器插件。 Autofill 简单原

    背景

      公司CD Team团队执行测试时需要填写多到10来个的表单页面,如果每个表单都靠人工一个一个去输入那势必会非常的繁琐,带来非常多的工作量,而且原来的ART工具也无法在新的站点上使用,所以急需一个类似ART的工具,有自动填写表单的功能。

    Autofill 介绍

      Autofill 正是一个只需要前期简单配置,便可以辅助填写表单的Chrome 浏览器插件。

    Autofill 简单原理介绍

      Autofill 其实是通过用户在配置界面配置的网址,控件定位方式,控件类型,控件操作内容从而通过这些信息去执行JS脚本以达到自动填充表单的目的。

    安装

      既然是Chrome的一个插件,那么只需要进入到Chrome网上应用商店搜索“Autofill”便可以找到,当前最新版是v7.1,这里直接给地址:https://chrome.google.com/webstore/detail/autofill/nlmmgnhgdeffjkdckmikfpnddkbbfkkk?utm_source=chrome-app-launcher-info-dialog
    注意:国内需要Chrome 插件安装需要翻墙


    Paste_Image.png

    点击【添加至CHROME】等待安装完成便可。


    Paste_Image.png

    界面介绍

      安装完Autofill 后,会在Chrome浏览器右上角出现一个闪电图标,右键图标点击选项打开Aufofill 配置界面:


    Paste_Image.png


      Autofill配置界面相对还是比较简洁,分为四大块:

    1. Form Fields(表单字段):最主要的配置界面,用于配置自动填表单的信息。
    2. Expressions(例外):用于设置你不想自动填写表单的网页地址,支持正则。
    3. Other Stuff(其它标签):这里有一些高级设置,主要用于设置自动填表单规则和导入导出。
    4. Support(支持):这个主要是帮助文档,还有一些快捷键列表。

    Paste_Image.png

    快速上手

      Autofill 提供了非常方便的录制功能,可以快速生成配置文件。

    录制

      假设我们以Autofill提供的【练习表单页面】为例子:http://www.tohodo.com/autofill/form.html
    1.打开页面,在需要自动填写表单的控件中(支持下拉选项框,单选框,复选框,文本框)编辑内容,例如下:


    Paste_Image.png


    2.表单填写完后右键:Autofill --> 为此页面增加规则...


    Paste_Image.png

    3.如果是第一次使用,那么在生成自动填充规则前,我们需要新建一个配置文件。


    Paste_Image.png

    4.创建完或者已经选取了一个配置文件,最后直接点击 【生成自动填充规则】,这样我们就根据填写的表单生成一个配置文件,打开Autofill的设定中的表单字段可以查看到:


    Paste_Image.png

    使用配置文件,自动填充表单

      完成配置文件后,那么我们就可以使用该配置文件来进行自动化填充。
    进行自动填充工具提供了两种模式既1.自动模式 2.手动模式, 默认为手动模式。

    自动模式

      再次去刷新【练习表单页面】,你会发现不管怎么刷新我们录制过的控件,总是会按我们录制时的情况自动填充。

    手动模式

      要使用手动模式,需要先到Autofill设定中的其他标签-->高级选学校中勾选【开启手动模式】。


    Paste_Image.png

      开启手动模式后,我们再次进入到【练习表单页面】,刷新页面,这时页面表单就无法自动填充,如果想实现自动填充需要鼠标右键-->Autofill-->使用配置-->Test1,这时就可以完成自动化填表单操作。


    Paste_Image.png

    填充时是否覆盖原来的内容

      有时我们的表单中已经有包含了一些内容,我们希望在自动填充时不去修改已填充的文本框,这时我们可以打开Autofill设定找到对应的配置文件,去掉【覆盖非空字段】的勾选框便可。


    Paste_Image.png

    配置文件导入和导出

      Autofill 提供了配置文件的导入和导出功能,方便团队成员间互相分享配置。
      导入和导出的入口都在其它标签里面。点击导出可以把导出的文本copy到记事本或者保存成csv文件给伙伴。 导入可以把导出的文本copy到文本框点击导入完成。 同时导出支持替换和追加,替换就是把自己原来的配置都删除,玩玩全全使用导入的配置,追加则在原有的配置基础上添加新导入的配置。


    Paste_Image.png

    增强配置文件

    让同一个配置支持多个站点

      如果A,B两个网站存在相同的表单(空间定位方式也一样),而你又不想因此建立多个配置文件,那么可以修改配置文件中的站点,使之支持多个网站。 修改规则只需要添加 “|”后跟上其它站点地址。 例如下:


    Paste_Image.png

    内容变量设置

      通过录制生成的配置文件中【内容】项是个固定值,然后实际使用中我们往往需要一些随机数或者变量,例如创建账号的表单,总是希望每次自动填表单自动生成的用户名都是不一样的,那么Autofill提供了4种变量设置。
    随机数 
    随机数生成分成纯数字和数字与字符串结合两种方式,语法如下:
    1.随机生成N位数字: {#N}
    2.随机生成N位字符串: {$N}

    递增 or 递减
    递增:{1++}
    递减:{1000--}

    随机选取某个选项
    从某些选项中随机选取一个,进行填写表单。 例如随机从a,b,c,d中选取一个: {a|b|c|d}

    获取规则表中的值
    也许我们会有这么场景,我们的确认密码文本框的值,必须等于文本框的值,那么其实我们可以通过Autofill提供的获取规则表中的值来解决,这里主要提供了获取配置文件中【名称】【内容】的值。
    例如下图:通过{v7} 来获取 上一个内容的值,当然如果想获取名称里面的值,只需要{n7}便可,每个【名称】和【内容】框的右上角都会对应一个值,而且唯一。


    Paste_Image.png

    个性化定制

      Autofill 提供了个性化定制或者说提供了执行JS的功能,我们可以写一段JS 放入配置文件中,那么配置文件被执行时会自动执行这段JS。
    具体步骤如下图:

    1. 点击 + 号图标,添加一条配置
    2. 类型全球JavaScript类型
    3. 在内容中把调试通过的JS黏贴进去
    4. 配置要执行JS的站点

      Paste_Image.png

    执行效果:


    Paste_Image.png

    补充:在录制生成或者手工编写的配置中的【名称】既定位方式,其匹配优先级由高到底为:name,id,placeholder,title,class,同时可以使用正则表达式。

    小结

    与手工对比优势:

    1. 节约大量时间,由原来纯手工测试1个case半小时左右的执行时间缩短到只需要10分钟左右。
    2. 可以预先设置规则
    3. 避免重复操作

    与ART对比优势:

    1. 支持medicare网站
    2. 通用性更强
    3. 更容易维护


    不足:

    1. 缺乏快捷键选取配置文件
    2. 值支持原生JS,不支持jquery等框架

    更多详细帮助,可以参考Autofill在线帮助文档:http://www.tohodo.com/autofill/help-chrome.html

    展开全文
  • autofill_back1-源码

    2021-05-09 00:07:43
    autofill_back1
  • Autofill Right Click

    2020-12-25 21:30:59
    <div><p>Instead of having the autofill in the settings, how about having it as a right click option?</p><p>该提问来源于开源项目:nccgroup/tracy</p></div>
  • Supreme Autofill-crx插件

    2021-04-01 15:37:26
    语言:English (UK) 再也不会错过任何下落,可以在Supreme ...3. Supreme Autofill仪表板-从弹出菜单中看到倒数计时器到下一个下拉菜单,并链接到下拉列表,Supreme news数据存储Supreme Autofill是安全的。 您的个人数
  • Easy Autofill-crx插件

    2021-04-04 05:42:55
    语言:English easy autofill 自动填充扩展 - 大学项目 Ahmed Abdel Rahman. MSIS 2221103
  • Autofill-crx插件

    2021-04-02 18:34:11
    Autofill扩展程序具有一个目的:在页面加载时自动填充表单字段,而无需用户进行任何交互。 这是它的主要功能,但是它可以做的更多。 Google Chrome浏览器具有内置的自动填充功能,但不适用于所有表单字段,并且需要...
  • Autofill by Olak-crx插件

    2021-04-02 23:05:04
    通过Olak的AutoFill,您可以自动完成通常在提交表单中请求的重复信息,并且可以在任何网站上使用。Olak的AutoFill具有辉煌的框架,其丰富的自动填充技术,包括增强的模式识别,广泛的算法,与不同平台的兼容性等等。...
  • Autofill简单使用

    2020-12-28 20:35:54
    Autofill 插件,适用于大部分bug管理工具,比如禅道、JIRA和TAPD。 Autofill 插件介绍 Autofill这款插件,可以实现自动填充,就是可以帮助我们在浏览网站或者登陆网站的时候自动输入相应的内容,等你打开指定页面的...

    背景:

    测试人员在提交bug时需要提交很多字段,比如测试数据、复现步骤、测试结果和预期结果等等,快速提交一些固定重复的表单字段,可以提高测试人员提交bug单的效率。Autofill 插件,适用于大部分bug管理工具,比如禅道、JIRA和TAPD。

    Autofill 插件介绍

    Autofill这款插件,可以实现自动填充,就是可以帮助我们在浏览网站或者登陆网站的时候自动输入相应的内容,等你打开指定页面的时候就会自动填充事先准备好的内容了。
    在这里我用 TAPD 提交BUG的时候自动填充 TAPD 表单来说明。

    Autofill 插件安装

    需要(找梯子)在Chrome应用商店下载,插件传送门。

    Autofill 插件使用

    1、安装成功 并且启用插件后,在右上角插件栏中右键这个闪电icon
    在这里插入图片描述
    2、进入表单设置页,即TAPD创建bug页
    在这里插入图片描述

    3、为此页面添加规则点击后,URL地址栏下方会出现一行蓝色内容,可以直接点击 ③ 生成自动填充规则
    在这里插入图片描述

    4、创建/选择一个配置文件,点击{生成自动规则},提示完成,这就添加成功啦,赶快尝试一下在 TAPD 新建问题,是否成功应用了?
    在这里插入图片描述
    添加成功后,可以在Autofill 选项中查看保存的模板内容
    在这里插入图片描述

    Autofill 配置延伸

    在这里插入图片描述
    Autofill暂时讲到这里,还有好多好玩的功能暂时还未去探索,欢迎留言讨论。

    展开全文
  • AutoFill Forms-crx插件

    2021-04-02 20:54:32
    AutoFill Forms是一种易于使用的自动Web表单填充器,支持多个配置文件。 从版本0.1.4开始,该扩展程序可以从填写的表单中检测输入数据,并根据提供的数据生成或更新配置文件。 此功能使创建多个配置文件或更新您在...
  • Nox Autofill-crx插件

    2021-04-04 23:45:59
    语言:English Nox自动填充会自动填写结帐表格。 Nox自动填充会自动填写结帐表格。 用户可以在扩展名中创建个人资料,并且可以管理...如果用户不想通过Nox Autofill自动填写任何表格,可以将所有配置文件都标记为无效。
  • EVUS AUTOFILL-crx插件

    2021-04-04 04:07:03
    语言:English ... ... ... ... 也许对您自己,您的父母,朋友或客户...如果您是第一次注册,EVUS AUTOFILL不会为您提供帮助。 但是,如果您的注册已过期,此扩展程序会将其数据复制到新的注册表格中,从而节省您的时间来享受生活。
  • $ bower install jquery-masonry-autofill 用法 包含在jQuery之后。 < script src =" jquery.js " type =" text/javascript " > </ script > < script src =" masonry.js " type =" text/javascript...
  • - MINIORANGE 2factor AutoFill插件将允许用户在登录页面中无缝自动填充第二因子字段。 这将通过MiniorAnge Authenticator应用程序生成的OTP促进。 - 插件使用MINIORANGE服务器安全地通信,以在登录可用应用程序时...
  • <div><p>Android P, which is currently in Beta, now allows apps to take advantage of the Autofill framework in browsers without using a full Accessibility service. It requires that both the browsers ...
  • component install kelonye/ember-autofill-fix 用法 var autofill = require ( 'ember-autofill-fix' ) ; App . MyTextField = Em . TextField . extend ( autofill ) ; 例子 $ make example 执照 麻省理工学院
  • <div><p>When using ui-select in an address form (replacing country select), issueas appear with chromes autofill. My form contains fields for name, address, zip, etc. If i include a ui-select element ...
  • FieldSecured将阻止Autofill未经用户同意将个人信息提供给任何网站。 自动填充网上诱骗对Chrome构成了新的安全威胁,此扩展程序可通过通知用户来防止任何此类漏洞。 如果怀疑有网络钓鱼,FieldSecured将警告用户(在...
  • <div><p>So following on from #216, it would be great if the expiry date autofill on Safari could be fixed. The credit card number autofill is now at least working, however to look as professional as ...
  • 欢迎来到Auto Clicker - AutoFill!!! !! !!在discord上有问题聊天:https://discord.gg/harvqns填写输入字段或单击按钮或在任何地方链接任何内容。轻松配置几个步骤,并像Pro一样工作自动单击/自动填充扩展与...
  • 语言:English 自动填充输入字段或自动单击按钮或链接任何地方。...欢迎使用Auto Clicker-适用于Chrome的AutoFill ...)您可以与Auto Clicker-AutoFill for Chrome的其他渠道一起安装Auto Clicker-AutoFill Dev。 #########
  • 语言:English 自动填充输入字段或自动...)您可以将Auto Clicker-AutoFill Beta与Chrome的Auto Clicker-AutoFill的其他渠道一起安装。 ######################### Bug ###################### #####不要给它一个不好的
  • Chrome Autofill 删除规则

    2018-12-07 10:58:25
    Autofill这个插件真的不错,对于经常要用到多个账号登录的我来说,能够减少我重复的输入账号密码(或者复制粘贴),主要原因还是有些账号chrome浏览器无法保存。...右击Autofill插件,点击选项。 ...

    Autofill这个插件真的不错,对于经常要用到多个账号登录的我来说,能够减少我重复的输入账号密码(或者复制粘贴),主要原因还是有些账号chrome浏览器无法保存。但是由于后面一些账号的更改,需要删除一些规则,苦于一直找不到删除的地方,然后选择自动填充的时候就会很长。
    像这样
    在这里插入图片描述
    我这里可能不是很长,更多之后然后又没有删除的话找起来很费时间的。
    下面是删除。
    右击Autofill插件,点击选项。
    在这里插入图片描述
    按下键盘上的ALT+G,这就是管理界面了啊,开心
    在这里插入图片描述

    展开全文
  • 也就是当你在网页登录、注册以及购买的时候,用户可以通过键盘来填充网页的表单、或者是Safari自己填充(前提是你开启了AutoFill)。 AutoFill功能打开方式:设置→ Safari → 自动填充(AutoF...

     转载请标明来源:https://www.cnblogs.com/zhanggui/p/9431950.html

    引言

    在《iPhone User Guide for iOS 11.4》这本书中,介绍了iOS11的新特性。其中在Safari的章节中,介绍了Fill in forms。也就是当你在网页登录、注册以及购买的时候,用户可以通过键盘来填充网页的表单、或者是Safari自己填充(前提是你开启了AutoFill)。

    AutoFill功能打开方式:设置 → Safari → 自动填充(AutoFill)。使用AutoFill有两种功能:

    1.保存你的密码:你在网页中输入密码,Safari会询问您是否为你登录的网站保存密码,点击YES即可。

    2.为新账号提供建议密码:点击密码区域,点击提示密码,点击使用建议的密码,就可以使用建议密码

    上图为注册B站的流程,打开Safari,然后打开该网站,就可以进行注册,注册在输入新密码的时候,会有提示密码,点击提示密码就会弹出图(1)所示,Safari会为你生成一个建议密码,然后你使用建议密码即可(2),再次登录时直接选中已经存储的账号密码即可。

    这里还有一个很不错的功能点:当你登录与该网站关联的APP时,系统会自动帮你填充账号密码,达到两步登录效果(点击提示即可自动输入账号密码,然后点击登录即可登录)

    如果想查看已经保存的密码,可以直接打开设置 → 账号和密码 → 应用与网站密码,即可查看当前存储的密码:

    接下来就简单实现一个类似上述功能的DEMO:在网页登录之后,在APP可以直接进行Password AutoFill。会从四个方面进行介绍:

    1. 如何展示出来QuickType Bar
    2. 保证正确的UI展示
    3. 让QuickType Bar显示正确的信息
    4. 针对第三方服务进行认证

    如何展示出来QuickType Bar

    所谓QuickType Bar,就是你使用输入框调起键盘的时候键盘上面的Bar,要想展示出来QuickType Bar,首先要满足的一个条件就是:在设置的账户和密码中必须要有保存的账号密码

    如下图:

    左侧为在账号和密码中没有任何账号和密码的情况,右侧为保存了一个账号和密码的情况。也就是说只要在系统的“账号与密码”中有保存数据,QuickType Bar就会出现一个锁,点击即可选择当前已经保存的账号和密码,达到填充输入效果。

    只要使用的UITextField或者是UITextView,都是可以在没有开发任何代码的情况下展示QuickType Bar。当然如果你使用的不是这两个控件,那么需要实现<UITextInput>协议。实现此协议之后也可以使用该特性。问题来了:苹果系统如何知道你在“账号与密码”中保存的内容如何自动填充到你自己开发的页面表单中呢?这里就用到了textContentType:

    textContentType表示文本输入区所期望的语义。举个例子你可以执行输入框的textContentType为:UITextContentTypeEmailAddress,这样当你输入内容的时候,系统可以在某些情况下自动选择适当的键盘。默认情况下,这个属性是nil。

    系统在iOS11之前包含的contentType有:(注意iOS系统版本限制)

    UIKIT_EXTERN UITextContentType const UITextContentTypeName                      NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeNamePrefix                NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeGivenName                 NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeMiddleName                NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeFamilyName                NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeNameSuffix                NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeNickname                  NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeJobTitle                  NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeOrganizationName          NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeLocation                  NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeFullStreetAddress         NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeStreetAddressLine1        NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeStreetAddressLine2        NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeAddressCity               NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeAddressState              NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeAddressCityAndState       NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeSublocality               NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeCountryName               NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypePostalCode                NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeTelephoneNumber           NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeEmailAddress              NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeURL                       NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeCreditCardNumber          NS_AVAILABLE_IOS(10_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypeUsername                  NS_AVAILABLE_IOS(11_0);
    UIKIT_EXTERN UITextContentType const UITextContentTypePassword                  NS_AVAILABLE_IOS(11_0);

    在iOS11新增了两个UITextContentTypeUsername 和 UITextContentTypePassword ,只需要设置textfield的这个属性即可:

    self.accountTextField.textContentType = UITextContentTypeUsername;
    self.passwordTextField.textContentType = UITextContentTypePassword;

    这样系统便会根据你所这只的ContentType将账号和密码按照你的设置填入相应的输入框内。如果你的账号是邮箱,可以将contentType设置为UITextContentTypeUsername,把键盘的keyboardType设置为:UIKeyboardTypeEmailAddress。

    保证正确的UI展示

    我们只要设置了两个输入框的textContentType,就可以将指定的信息填入指定的textfield中。但是有的时候有这种情况:在两个输入框内容均填写之后,登录按钮才可以点击。这种情况下,我们需要处理一下UI操作。从点击QuickType Bar的钥匙图标到UITextField填充内容,你会发现没有任何的视图声明周期调用。所以在视图生命周期处理UI展示明显是不可行的。你可以通过UITextFieldDidChange代理方法进行处理。这里就不再赘述。

    让QuickType Bar显示正确的信息

    直接看一下第一张图的5,那么问题来了,QuickType Bar怎么知道它要展示的是特定APP的账号和密码呢?这里就需要将app和网页进行关联。下面详细介绍一下。

    APP设置

    首先我们需要对APP进行设置:

     

    先打开Associated Domains,你可以直接在https://developer.apple.com/登录,然后进入Certificates, Identifiers & Profiles,选择你的Identifiers,点击编辑,勾选Associated Domains

    完成操作之后,按照上面的格式进行添加即可。webcredentials:网站地址。添加完成之后,APP设置完成。

    服务器设置

    创建一个名为apple-app-site-association的json文件(不要添加json后缀),然后里面填入的信息如下:

    {
     "webcredentials":{
        "apps": [ "E5334VM85F.com.example.Shiny" ]
      }
    }


    然后将此json文件放到域名根目录,或者.well-known目录下面,只要能够使用如下网址能够访问到即可:apps内容格式为TeamId.Bundle Identifier

    https://example.com/.well-known/apple-app-site-association
    https://example.com/apple-app-site-association

    到这里就完成了服务端的设置。这里是某站的访问链接:https://www.bilibili.com/.well-known/apple-app-site-association。它的格式是Universal Links格式,并没有按照但依然可以正确使用。why???。

    完成以上两步,便可实现Password AutoFill功能,并且能够在QuickTypeBar展示。

    但是按照现有的方式,只有我们在Safari登录之后并且存储密码,才能在APP中使用。(如果你知道网址,可以手动的在“账号与密码”中添加)。现在了解到的做这个功能的我看到的只有B站。下面是其简单的原理图:

    针对第三方服务进行认证

    针对第三方账号登录的情况,苹果推荐使用Safari View Controller,应该是使用该Controller加载三方验证登录,然后通过Safari View Controller将数据进行保存吧。大部分APP如果有三方登录,直接是唤起三方APP(如微信),然后在微信执行操作再返回自己的APP,这种方式个人理解暂时无法完成此项功能。

    具体实现大家自行研究。

    总结

    使用此方法的确可以大大降低用户的输入操作成本,但是要现在Safari登录(手机Safari和Mac Safari)就显得比较尴尬了。Mac的也可以进行同步,但是只不过需要时间。不过如果用户将自己的账号密码保存到了系统中的“账号与密码”中,这种操作还是十分方便的。

    现阶段的同步只是将Safari的登录信息同步到了APP,据说iOS12可以将APP的信息同步到网站,而且移动APP支持注册时填写推荐密码(textContentType新增了newPassword。当前只有Safari支持推荐密码)。不过现阶段还没有升级到iOS12,感兴趣的可以查看WWDC2018,里面有对这一块的介绍。

    1.WWDC2017关于Password AutoFill的介绍

    2.Implementing AutoFill Credential Provider Extensions

    3.Automatic Strong Passwords and Security Code AutoFill

    4.Support Universal Links

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,644
精华内容 1,857
关键字:

autofill