整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          技術流丨這串代碼助你在旺鋪導航欄植入關鍵詞

          技術流丨這串代碼助你在旺鋪導航欄植入關鍵詞

          里巴巴國際站提供了系統預設的多個導航欄,每一條導航欄可給該導航欄定義預設內容,如輸入一段排版的文本,或圖文排版的內容,編輯產品的時候插入導航欄,會自動插入該段內容,方便預設模板內容,相對來說導航欄功能對賣家(模板內容預設),對買家(快速跳轉版塊)都具有較為良好的體驗。

          這次主要分享一個小方法,自定義導航欄代碼來修改導航欄顯示的文本信息,達到植入關鍵詞的目的。

          操作步驟

          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’;)

          然后在你想要插入字體圖標的地方引用就可以在小程序界面顯示出來了,


          主站蜘蛛池模板: 老熟女高潮一区二区三区| 国产乱码精品一区二区三区麻豆| 日韩内射美女人妻一区二区三区| 国产电影一区二区| 国产品无码一区二区三区在线蜜桃| 亚洲AV无码一区二区三区牛牛| 国产午夜三级一区二区三| 国产一区精品视频| 亚洲精品精华液一区二区| 奇米精品视频一区二区三区 | 日韩人妻无码一区二区三区99| 国产伦精品一区二区三区免费迷| 精品一区二区三区自拍图片区| 日韩一区二区三区电影在线观看| 国产精品亚洲午夜一区二区三区 | 精品一区二区三区无码免费视频 | 少妇人妻精品一区二区三区| 亚洲爆乳精品无码一区二区 | 少妇精品久久久一区二区三区| 天堂va视频一区二区| 日韩人妻不卡一区二区三区| 国产成人精品一区二区三区免费| 久久精品综合一区二区三区| 一区二区在线视频观看| 高清一区二区三区视频| 无码一区18禁3D| 日本精品高清一区二区2021| 色欲AV蜜桃一区二区三| 国精产品999一区二区三区有限| 亚洲AV无码一区二区三区牛牛| 亚洲Av无码国产一区二区| 国模一区二区三区| 国产伦精品一区二区三区无广告| 一区二区三区在线播放| 国产在线精品一区二区夜色| 国产精品va无码一区二区| 人妻AV中文字幕一区二区三区| 99精品一区二区三区无码吞精| 国模极品一区二区三区| 变态拳头交视频一区二区| 日本一区二区三区高清|