整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
色由紅色、綠色、藍(lán)色混合而成。
顏色由一個十六進制符號來定義，這個符號由紅色、綠色和藍(lán)色的值組成（RGB）。
每種顏色的最小值是0（十六進制：#00）。最大值是255（十六進制：#FF）。
這個表格給出了由三種顏色混合而成的具體效果：
HTML基礎(chǔ)教程： 顏色知多少
TML（HyperText Markup Language）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)記語言。它由一系列的標(biāo)簽組成，這些標(biāo)簽用于描述網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。HTML標(biāo)簽通常由尖括號包圍，例如<tag>。
HTML標(biāo)簽可以分為兩類：塊級元素和內(nèi)聯(lián)元素。塊級元素用于組織網(wǎng)頁的結(jié)構(gòu)，例如段落、標(biāo)題、列表等。內(nèi)聯(lián)元素用于標(biāo)記文本中的特定部分，例如鏈接、強調(diào)文本等。
HTML標(biāo)簽可以包含屬性，屬性提供了有關(guān)標(biāo)簽的額外信息。例如，<a>標(biāo)簽用于創(chuàng)建鏈接，可以使用href屬性指定鏈接的目標(biāo)URL。
除了標(biāo)簽和屬性，HTML還支持一些特殊字符實體，用于表示特殊字符，例如小于號（<）、大于號（>）等。
HTML可以與CSS（層疊樣式表）和JavaScript一起使用，以增強網(wǎng)頁的外觀和功能。CSS用于控制網(wǎng)頁的樣式，例如顏色、字體、布局等。JavaScript用于實現(xiàn)交互性和動態(tài)效果，例如表單驗證、動畫等。
通過使用HTML，開發(fā)人員可以創(chuàng)建具有結(jié)構(gòu)良好、易于理解和導(dǎo)航的網(wǎng)頁。它是構(gòu)建互聯(lián)網(wǎng)的基礎(chǔ)之一，被廣泛應(yīng)用于網(wǎng)站開發(fā)和內(nèi)容管理系統(tǒng)。
HTML的語法由標(biāo)簽、屬性和內(nèi)容組成。下面是HTML的基本語法規(guī)則：
下面是一個簡單的HTML示例：
<!DOCTYPE html>
<html>
<head>
<title>我的網(wǎng)頁</title>
</head>
<body>
<h1>歡迎來到我的網(wǎng)頁</h1>
<p>這是一個段落。</p>
<a href="https://www.example.com">點擊這里</a>訪問示例網(wǎng)站。
</body>
</html>
在這個示例中，<!DOCTYPE html>聲明了文檔類型為HTML5。<html>標(biāo)簽是HTML文檔的根元素。<head>標(biāo)簽用于定義文檔的頭部信息，例如標(biāo)題和樣式表。<title>標(biāo)簽定義了網(wǎng)頁的標(biāo)題，將顯示在瀏覽器的標(biāo)題欄中。<body>標(biāo)簽用于定義文檔的主體內(nèi)容。<h1>標(biāo)簽定義了一個一級標(biāo)題，<p>標(biāo)簽定義了一個段落，<a>標(biāo)簽定義了一個鏈接。
言
在做web自動化的時候，對于一些彈出的提示信息的字體顏色，當(dāng)然一般都是紅色的。那么當(dāng)我們跑自動化時候，如何判斷提示新的字體顏色是否我們預(yù)期的結(jié)果呢？
個人思路
安靜這里先介紹下自己的思路：
·先獲取到提示信息的元素坐標(biāo)點；
·想辦法獲取到前端中該元素的顏色屬性值；
·最后通過獲取的屬性值與我們的預(yù)期值進行比較。
猛然一看該思路，啥用沒有。但是我們可以先翻閱selenium中的官方文檔，看看官方文檔中有沒有一些幫助內(nèi)容。
安靜從官方文檔中找到了：
def value_of_css_property(self, property_name):
"""The value of a CSS property."""
return self._execute(Command.GET_ELEMENT_VALUE_OF_CSS_PROPERTY, {
'propertyName': property_name})['value']
該方法意思就是可以獲取到元素的CSS的屬性值。這不就解決了獲取元素的顏色屬性值了嗎？
實戰(zhàn)演示
安靜這里隨便找個網(wǎng)站先查看下錯誤提示信息的元素坐標(biāo)，以及錯誤提示信息的字體顏色內(nèi)容。
通過代碼的形式查看下CSS的屬性值是否和我們的預(yù)期一樣。
from selenium import webdriver
import time
driver = webdriver.Chrome()
# 隨便找了個經(jīng)常逛的網(wǎng)站。
driver.get('https://passport.juhe.cn/cas/login')
# 輸入賬號名
driver.find_element_by_name('username').send_keys('12345')
# 輸入密碼
driver.find_element_by_id('password-o').send_keys('1111111')
# 點擊登錄
driver.find_element_by_id('loginBtn').click()
time.sleep(1)
# 獲取提示字體信息
xx = driver.find_element_by_xpath('//*[@class="sysError"]').text
print(xx)
aa = driver.find_element_by_xpath('//*[@class="sysError"]')
# 獲取該元素的CSS屬性值
print(aa.value_of_css_property('color'))
通過執(zhí)行后發(fā)現(xiàn)獲取的CSS屬性值基本上和我們在web頁面上的一樣，為啥說基本上呢，因為這web頁面CSS區(qū)域顯示的是rgba(254 ,81 , 74)，沒有1。
安靜也不確定對不對，于是再次查看selenium中的官方文檔，發(fā)現(xiàn)了selenium中有對字體顏色的標(biāo)識內(nèi)容。
從文檔中可以看出來，可以對其顏色的格式內(nèi)容進行轉(zhuǎn)換，這樣我們就可以來判斷是否字體顏色是否正確。
from selenium import webdriver
import time
from selenium.webdriver.support.color import Color
driver = webdriver.Chrome()
# 隨便找了個經(jīng)常逛的網(wǎng)站。
driver.get('https://passport.juhe.cn/cas/login')
# 輸入賬號名
driver.find_element_by_name('username').send_keys('12345')
# 輸入密碼
driver.find_element_by_id('password-o').send_keys('1111111')
# 點擊登錄
driver.find_element_by_id('loginBtn').click()
time.sleep(1)
# 獲取提示字體信息
xx = driver.find_element_by_xpath('//*[@class="sysError"]').text
print(xx)
aa = driver.find_element_by_xpath('//*[@class="sysError"]')
# 獲取該元素的CSS屬性值
print(aa.value_of_css_property('color'))
# 查看#fe514a格式的rgb格式
print(Color.from_string('#fe514a').rgba)
# 查看顏色的hex格式。
print(Color.from_string('rgba(254, 81, 74, 1)').hex)
通過執(zhí)行后發(fā)現(xiàn)，顏色內(nèi)容是一致的。
PS：這里的rgba和hex表示顏色的標(biāo)識，其實hex是十六進制。
總結(jié)
安靜簡單地通過一個案例，演示了如何進行判斷頁面中的字體顏色。
在實踐中也遇到了一些困難，通過查閱官方文檔進行解決了，也學(xué)習(xí)了兩個方法，一個是獲取CSS屬性，以及顏色的轉(zhuǎn)換支持。所以說遇到問題不要著急，看看官方文檔，說不定就有意外的收獲。
好了，我是安靜，感謝您的閱讀。
**推薦一個「Python自動化測試學(xué)習(xí)交流群」給大家：
請關(guān)注+私信回復(fù)："測試" 就可以免費拿到軟件測試學(xué)習(xí)資料，同時進入群學(xué)習(xí)交流~~
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
