里巴巴國際站提供了系統預設的多個導航欄,每一條導航欄可給該導航欄定義預設內容,如輸入一段排版的文本,或圖文排版的內容,編輯產品的時候插入導航欄,會自動插入該段內容,方便預設模板內容,相對來說導航欄功能對賣家(模板內容預設),對買家(快速跳轉版塊)都具有較為良好的體驗。
這次主要分享一個小方法,自定義導航欄代碼來修改導航欄顯示的文本信息,達到植入關鍵詞的目的。
操作步驟
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是通過容器的 布局屬性 來管理子控件的位置關系(iOS去掉了布局的概念,直接用變量之間的相對關系完成位置的計算),把界面上所有的控件根據他們的間距的大小,擺放在正確的位置。布局是一種可用于放置很多 控件 的容器,通過多層 布局 嵌套完成一些比較復雜的界面。
Android布局有LinearLayout(線性布局)、RelativeLayout(相對布局)、FrameLayout(幀布局)、AbsoluteLayout(絕對布局)、TableLayout(表格布局)、Grid layout(網格布局)、ConstraintLayout(約束布局)等。布局的內部除了放置控件外,也可以放置布局,通過多層布局的嵌套,我們就能夠完成一些比較復雜的界面。
Android四大基本組件分別是Activity,Service服務,Content Provider內容提供者,Broadcast Receiver廣播接收器。
常用的控件:
元素定位實際上就是定位控件,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允許用戶遍歷文檔樹,訪問父節點、子節點或者兄弟節點。每個節點具有特定的屬性:
對App控件的定位其實就是節點和屬性的定位,Android App推薦使用uiautomatorviewer工具進行定位,它是 sdk路徑下的一個工具。也可以用Appium inspector工具來定位。
電腦通過無線或者USB連接到手機設備后(或者連接到模擬機),雙擊uiautomatorviewer.bat打開uiautomatorviewer工具。
點擊左上角第二個或者第三個圖標獲取當前手機APP頁面,在右邊可以看到app的xml結構樹,可以獲取到每個節點的詳細屬性。
打開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元素定位方法。
APP自動化測試關鍵步驟包括:
下面代碼實現打開雪球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’;)
然后在你想要插入字體圖標的地方引用就可以在小程序界面顯示出來了,
*請認真填寫需求信息,我們會在24小時內與您取得聯系。