整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

技术流丨这串代码助你在旺铺导航栏植入关键词

技术流丨这串代码助你在旺铺导航栏植入关键词

里巴巴国际站提供了系统预设的多个导航栏,每一条导航栏可给该导航栏定义预设内容,如输入一段排版的文本,或图文排版的内容,编辑产品的时候插入导航栏,会自动插入该段内容,方便预设模板内容,相对来说导航栏功能对卖家(模板内容预设),对买家(快速跳转版块)都具有较为良好的体验。

这次主要分享一个小方法,自定义导航栏代码来修改导航栏显示的文本信息,达到植入关键词的目的。

操作步骤

1.产品编辑页面,点击HTML Code图标,切换到HTML代码模式

2.确定你需要修改哪个导航栏的文本,如需要将Product Description导航栏显示的文本信息修改

3.快捷键Ctrl+F打开搜索栏,输入Product Description定位到代码行

4.代码内容:

<div id="ali-anchor-AliPostDhMb-3qmdj" class="mceSectionContainer" style="padding-top: 8px;" data-section="AliPostDhMb-3qmdj" data-section-title="Product Description">

<div id="ali-title-AliPostDhMb-3qmdj" style="padding: 8px 0; border-bottom: 1px solid #ddd;"><span style="background-color: #ddd; color: #333; font-weight: bold; padding: 8px 10px; line-height: 12px;">MindLink Spider Robot Description</span></div>

5.代码解读:第一段代码控制的是导航栏的跳转功能和数据库连接文本内容(识别和填充用户新建导航栏时自定义输入的内容),第二段代码控制的是导航栏的边框样式等效果

6.将data-section-title="Product Description"的内容修改为你的关键词,修改title的赋值

如data-section-title="Phone Case Description",如果产品有品牌词,植入更好

这样操作的好处就是,不需繁琐地给每种产品单独建立新的导航栏,占用导航栏条目,不会让导航栏管理中心看起来繁杂。

文章来源:为主的祥助(Los_Vincent)

请猛戳右边二维码

入驻

阿里巴巴国际站

文将分享Android相关基础知识和Android APP控件定位工具的使用方法。

Android基础知识

Android布局

Android是通过容器的 布局属性 来管理子控件的位置关系(iOS去掉了布局的概念,直接用变量之间的相对关系完成位置的计算),把界面上所有的控件根据他们的间距的大小,摆放在正确的位置。布局是一种可用于放置很多 控件 的容器,通过多层 布局 嵌套完成一些比较复杂的界面。

Android布局有LinearLayout(线性布局)、RelativeLayout(相对布局)、FrameLayout(帧布局)、AbsoluteLayout(绝对布局)、TableLayout(表格布局)、Grid layout(网格布局)、ConstraintLayout(约束布局)等。布局的内部除了放置控件外,也可以放置布局,通过多层布局的嵌套,我们就能够完成一些比较复杂的界面。

Android四大组件

Android四大基本组件分别是Activity,Service服务,Content Provider内容提供者,Broadcast Receiver广播接收器。

1、activity

  • 与用户交互的可视化界面
  • 一个Activity通常就是一个单独的屏幕(窗口)
  • Activity之间通过Intent进行通信

2、Service

  • service 实现后台运行程序,在后台完成用户指定的操作
  • 通常用于为其他组件提供后台服务或监控其他组件的运行状态。

3、Content Provider

  • content provider 内容提供者,提供程序所需要的数据
  • 只有需要在多个应用程序间共享数据才需要内容提供者,是不同应用程序间共享数据的唯一方式。

4、Broadcast Receiver

  • 监听外部事件的到来(比如来电)

Android控件

常用的控件:

  • TextView(文本控件),EditText(可编辑文本控件)
  • Button(按钮),imageButton(图片按钮),ToggIeButton(开关按钮)
  • Image View(图片控件)
  • CheckBox(复选框控件), RadioButton(单选框控件)

元素定位实际上就是定位控件,Android应用的层级结构使用xml编写,xml全名叫可扩展标记语言,类似于HTML,可以看作一个微型的数据库。android系统里安装的每一个app,其信息都被存到一个xml里。

xml定义了节点和属性,每个控件都有它的属性(resourceid, xpath, aid),没有css属性(样式文件和布局xml文件是分开的)。

Android中提供了三种解析XML的方式:DOM(Document Object Model)、SAX(Simple API XML)以及Pull解析方式。DOM解析器在解析XML文档时,会把文档中的所有元素按照其出现的层次关系,解析成一个个Node对象(节点),形成Dom树。DOM允许用户遍历文档树,访问父节点、子节点或者兄弟节点。每个节点具有特定的属性:

  • clickable
  • content-desc
  • resource-id
  • text
  • bounds

App控件定位

对App控件的定位其实就是节点和属性的定位,Android App推荐使用uiautomatorviewer工具进行定位,它是 sdk路径下的一个工具。也可以用Appium inspector工具来定位。

uiautomatorviewer定位

电脑通过无线或者USB连接到手机设备后(或者连接到模拟机),双击uiautomatorviewer.bat打开uiautomatorviewer工具。

点击左上角第二个或者第三个图标获取当前手机APP页面,在右边可以看到app的xml结构树,可以获取到每个节点的详细属性。

Appium inspector工具

打开appium,点击【启动服务器】

点击右上角搜索标志图标【Start Inspector Session】

编辑Desired Capabilities

Capability设置:

adb connect 127.0.0.1:7555

其他更多参数参考官方文档: https://github.com/appium/appium/blob/master/docs/en/writing-running-appium/caps.md

主要设置好前面6个参数后,点击右下角【Start Session】,可以获取到每个节点的详细属性。

用例录制

appium desktop可以录制用例,并生成测试代码

点击上方眼睛图标,开始录制,手动点击左边app元素,右边显示了三种元素操作方法:Tap、Send Keys、Clear,选择对应的操作

完成后测试步骤后,点击停止录制,右上角可以看到生成的自动化代码,可以选择Java,Python等语言。

获取到app页面元素属性值后就可以使用appium来进行定位,实现对app的操作。下一篇文章将介绍appium元素定位方法。

Python + Appium启动APP

APP自动化测试关键步骤包括:

  • 导入依赖:
    from appium import webdriver
  • capabilities设置
  • 初始化 driver
    webdriver.remote('http://127.0.0.1:4723/wd/hub', desired_caps)
  • 元素定位与操作
  • 断言 assert

下面代码实现打开雪球APP,点击输入框,输入”京东“,然后退出。

#!/usr/bin/python3
# -*-coding:utf-8-*-
from appium import webdriver
desired_caps={}
# desired_caps['recreateChromeDriverSessions']=True
desired_caps['platformName']='Android'
desired_caps['platformVersion']='5.1.1'
desired_caps['deviceName']='127.0.0.1:7555'
desired_caps['appPackage']='com.xueqiu.android'
desired_caps['automationName']='Uiautomator2'
desired_caps['appActivity']='.common.MainActivity'
desired_caps['newCommandTimeout']=3000
desired_caps['unicodeKeyboard']=True
desired_caps['noReset']='true'
desired_caps['dontStopAppOnReset']='true'
desired_caps['skipDeviceInitialization']='true'
driver=webdriver.Remote('http://127.0.0.1:4723/wd/hub', desired_caps)
driver.implicitly_wait(15)
driver.find_element_by_id("com.xueqiu.android:id/tv_search").click()
driver.find_element_by_id("com.xueqiu.android:id/search_input_text").send_keys("京东")
driver.quit()

–THE END–

文章标题:App控件定位

本文作者:hiyo

本文链接: https://www.cnblogs.com/hiyong/p/14163653.html

近在研究微信小程序,想把自己平时写好的移动端项目移植成小程序代码。会碰到很多问题。今天就来讲解小程序开发中如何引用阿里巴巴图标库的图标:

上图是css往常的写法,但是发现这样的写法要报错,后来查了一下,发现小程序的wxss文件的font-face的url不接受http地址作为参数,但可以接受base64,因此需将字体文件下载后,转换为base64,然后引用。

方法:

在阿里巴巴图标库下载下来以后,将iconfont.ttf转换即可。在下图那个网站去转换

步骤:

转换后的目录如下:

转换完成后就可以将css文件在外部引入所要用的.wxss文件中即可(@import ‘../../lib/style/lib.wxss’;)

然后在你想要插入字体图标的地方引用就可以在小程序界面显示出来了,