Filling in login forms in Instagram using selenium and webdriver (chrome) python OSX

问题

I want to log in to instagram using selenium, but I can't seem to enter values into the fields.

Here's my script:

#go to this address
browser.get('https://www.instagram.com')

#sleep for 1 seconds
sleep(1)

#find the 'login' button on homepage
login_elem = browser.find_element_by_xpath(
'//*[@id="react-root"]/section/main/article/div[2]/div[2]/p/a')

#navigate to login page
login_elem.click()

Having trouble from here onwards:

#locate the username field within the form
unform = browser.find_element_by_xpath(
'//*[@id="f3b8e6724a27994"]')

#clear the field
textunform.clear()

#enter 'test' into field
unform.send_keys('test')

回答1:

The instagram is applying some method to leave the dynamic id, xpath and css, every time a reload happens on the page the attributes change their values, being more difficult to click or to set values:

回答2:

The username field on Instagram is a ReactJS so you have to induce WebDriverWait and then invoke send_keys() method as follows :

from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

options = Options()
options.add_argument("start-maximized")
options.add_argument("disable-infobars")
options.add_argument("--disable-extensions")
browser = webdriver.Chrome(chrome_options=options, executable_path=r'C:\path\to\chromedriver.exe')
browser.get('https://www.instagram.com')
login_elem = browser.find_element_by_xpath('//*[@id="react-root"]/section/main/article/div[2]/div[2]/p/a')
login_elem.click()
WebDriverWait(browser, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input[name='username']"))).send_keys("anon")

Browser Screenshot :

回答3:

There is a trick in this, instead of searching for the Button (Log In) there is a better way to log in without it. how? let's see:

Import the packages you need:

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from time import sleep
#Select the driver, In our case we will use Chrome.
chromedriver_path = 'chromedriver.exe' # Change this to your own chromedriver path!
webdriver = webdriver.Chrome(executable_path=chromedriver_path)
sleep(2)
webdriver.get('https://www.instagram.com/accounts/login/?source=auth_switcher')
sleep(3)
username = webdriver.find_element_by_name('username')
username.send_keys('yourUsername')
password = webdriver.find_element_by_name('password')
password.send_keys('yourPassword')
#instead of searching for the Button (Log In) you can simply press enter when you already selected the password or the username input element.
submit = webdriver.find_element_by_tag_name('form')
submit.submit()

You can copy the code and run it directly (even without a real username or password) To get the webdriver (chromedriver.exe) from ChromeDriver

回答4:

Try to select the field with

unform = browser.find_element_by_xpath("//input[@name='username']")
unform.send_keys(<username>)

and for password

browser.find_element_by_xpath("//input[@name='password']")

回答5:

I solved it:

#Locate the username field
unform = browser.find_element_by_name("username")
#Locate the password field
pwform = browser.find_element_by_name('password')

ActionChains(browser)\
    .move_to_element(unform).click()\
    .send_keys('test')\
    .move_to_element(pwform).click()\
    .send_keys('test')\
    .perform()

#Locate login button
login_button = browser.find_element_by_xpath(
'//*[@id="react-root"]/section/main/article/div[2]/div[1]/div/form/span/button')

#Click login button
login_button.click()

回答6:

In this case IMHO it's better to use this: browser.find_element_by_name("Bermil18") / browser.find_element_by_name("1q56y3w5t9k0p3es8i1q")

回答7:

Here's my solution for Sign In on Instagram

def login(self, username, password):
    """ Methods that log in to Instagram by taking user's credentials as parameters"""
    self.driver.get("https://www.instagram.com/accounts/login/")
    try:            
        self.driver.find_element_by_xpath("//input[@name=\"username\"]").send_keys(username) # filling username
        self.driver.find_element_by_xpath("//input[@name=\"password\"]").send_keys(password) # filling password
        self.driver.find_element_by_xpath("//button[@type=\"submit\"]").click()              # submit form
    except NoSuchElementException:
        print("Failed to log in: Unable to locate Username/Password/LogIn element(s)")

    # If login is unsuccessful, Instagram will show a message "Sorry, your password was incorrect. Please double-check your password."
    success = self.driver.find_elements_by_xpath("//p[@id = \"slfErrorAlert\"]")
    if len(success) == 0:
        print("Login successful!")
    else: 
        print("Sorry, sign in unsuccessful. Please double-check your credentials.")

See my Github repo for more: https://github.com/mlej8/InstagramBot

来源：https://stackoverflow.com/questions/49938766/filling-in-login-forms-in-instagram-using-selenium-and-webdriver-chrome-python